如何将现有的html文档转换为xhtml文档?

如何将现有的html文档转换为xhtml文档?,第1张

一、html与xhtml的扩展名

html:(Hyper TextMark-uoLanguage)或(hyperText Markup Language)中文为超文本标记语言或超文本链接标示语言。

xhtml:(Extensible HyperText Markup Language)扩展超文本标记语言。下一代html.xhtml是以xml应用的方式定义的html.

二、如何从html转到xhtml?

1.向每张页面的第一行添加xhtml<!DOCTYPE>

2.向每个页面的html元素添加xmlns属性。

3.把所有元素名改为小写。

4.把所有的属性名改为小写。

5.关闭所有的空元素。

6.为所有的属性值加引号。

例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Title of document</title>

</head>

<body>

......

</body>

</html>

7.

用 W3C 验证器检验 XHTML

在下面的文本框中输入您的网址:

8.XHTML 元素 - 语圆薯法规则:

XHTML 元睁局素必须正确嵌套

XHTML 元素必须始终关闭

XHTML 元素必须小写

XHTML 文档必须有一个根元素

9.XHTML 属性 - 语法规则

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

XHTML 属性最小化也是禁止的

———————橘早者—————————

版权声明:本文为CSDN博主「tanlina_97」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/tane_e/article/details/76528127

HTML(Hypertext Markup Language)是用于创建网页的标准标记语言,而 XHTML(Extensible Hypertext Markup Language)则是一个基于XML的HTML版本。它们之间的明戚主要区激燃陵别在于:

1.语法:HTML使用松散的语法,而XHTML要求更严格的语法。XHTML中的每个元素都必须有一个结束标记,并且标记名称必须小写。

2.文档类型:HTML文档类型是不严格的,而XHTML文档必须遵循XML的规则,包括定义文档类型和命名空间。

3.嵌套:在HTML中,标签可以自由嵌套,但在XHTML中,标签必须严格嵌套,并且不能重叠。

4.编写方式:HTML文档可以使用普通文本编辑器编写,而XHTML必须使用XML编辑器或合法的HTML编辑器,以确保语法的正确性。

总之,HTML语法较为宽松,容错能力强,而XHTML语法更严格,要求更为严密段启,提高了文档的可读性和解析效率,但对于初学者来说学习成本更高。

建立一个属于自己的xhtml文件:菜单【File】→ 【New】→ 【Configure templates...】→ 在打开的对话框中“填上”菜单中显示的文字,以及模板文件的路径,就可以了。下次当你再次选择【File】→ 【New】的时候,就能够看到你建立的模板了。

顺手的侧边栏

如果你看不到侧边栏,可以使用快捷谈和键(Alt + Shift + 1)。侧边栏包含了“快速目录路径”和“快速剪贴板”功能。“快速目录路径”就不说了,重点来说说“快速剪贴板”功能吧。其实说白了,就是一个地方,这个地方可以存放一些代码片断、常用文言等等文字。当你需要这些文字的时候,只要双击,就可以方便的添加到光标所在位置了。默认情况下会有一些html,css代码,但是,说实话,我是不太经常使用那些东西的,那么多,找到都累死了。所以,我喜欢建立一个自己最常用的“剪贴板”库,因为是自己建的,所以用着就会比较顺手了。

你可以通过这种方式来建立自己的“剪贴板”库文件。在Cliptext侧边栏上的下拉列表框上点击右键 → 新建 → 填写文件名和显示标题→ 在新建的空白侧边栏上点击右键 → 新建 → 填入显示文本和代码即可。

自动完成功能

想象一下,作为一个经常制作网页的人来说,当你打一个“ua”字,然后按下空格,编辑器里面就出现了右边的代码,而且鼠标就停留在第一个href的双引号之间。那是多么愉快的事情。这就是EditPlus的自动完成功能,使用EditPlus的自动完成功能将会极大的提高你的工作效率。而且我们可以根据不同的文件类型,建立不同的“自动完成”,例如,如果是xhtml文件,打“b”+ 空格”,就是 ,而在css文件中,“b”+ 空格”,就是 "border:1px solid red"。非常的人性化。

你可以通过这样的设置,来使用EditPlus的自动完成功能。【Tools】→【Preperences】→ 【Files】→ 【Settings &syntax】 → 在【File types】中设置一下文件类型,然后再【Auto completion】中选择自动完成文件即可(如果你使用的是我那个 EditPlus压缩包文件,请注意调整这里的自动完成文件的路径)。自动完成文件我们可以自己进行编辑,这里我举个简单的例子,展开下面的代码,这个便是我css文件自动完成的文件内容,以第11行的“#T=bor”为例,它的意思就是如果输入bor然后按空格,就在光标所在位置插入“border:1px solid red”

彩色的文件

很多的开发工具都有语法高亮显示功能,EditPlus虽小,但是也有这个功能哦。设置方法可以参考图片5所示。和“自动完成”功能一样,只要为不同的文件类型指定“高亮语法”文件即可。css、html等常用的文件类型,EditPlus已经自带了高亮语法文件。如果自带的高亮语法文件没有你需要的,你可以去EditPlus官方网站的文件下载频道去看看,来自全球各地的朋友,贡献了很多的不同文件类型的高亮语法文件。可以很方便地免费下载到。

这里就稍微列举一下比较常用的EditPlus的高亮语法文件,更多的请到EditPlus的官方网站下载。[7]

正则表达式

EditPlus中的查找(替换)功能,支持正则表达式。使用正则表达式可以极大的提高查找(替换)的强悍程度。因为正则表达式这东西不是一句话就能说完的,而且偏离此篇文章主题,所以这里只列举几个常用的例子。对此有兴趣的可以参考正则表达式资料,或者在EditPlus的help中“Regular Expression”关键字进行索引查找。

使用正则表达式进行查找(替换)的方法如上图所示,选择查找(替换)对话框中“Regular Expression”前面checkbox。点击查找(替换)文本框后的“倒三角”可以选择常用的正则表达式。

矩形选区

看到这个词,好像是说图像处理工具,其实非也,不管是VS还是EditPlus,其实都是支持矩形选区的。这对处理一些形如:去掉文章侍辩前端行号的情况有特效,矩形全区的选取方式就是按住Alt键,然后用鼠标划矩形选区(如图7所示)。需要注意到是在“自动含谈盯换行”的情况下,是不能使用“矩形选区”的。你可以使用Ctrl+Shift +W来切换“自动换行”或者“不自动换行”视图。

快捷键

如果一个来你们公司面试程序员,连Ctrl + C 和Ctrl + V 都不用,而是使用“选中文本”→ 鼠标右键 → 【复制】,然后再鼠标右键→ 【粘贴】。你会不会录用他呢?(你还别笑,以前我们公司还真面试过一个这样的,所谓的“精通asp”的程序员)。所以熟练的使用软件的快捷键,不仅仅能够极大的提高工作效率,也从一个侧面表现出一个人对此软件的使用能力。EditPlus同样也有很多的快捷键,下面是一些我经常使用的EditPlus特有的快捷键(Ctrl +C 、Ctrl+H这样的通用快捷键就不介绍了),略举一二,更多的请参看文章《EditPlus快捷键》

以浏览器模式预览文件 Ctrl + B

开始编辑“以浏览器模式预览的文件” Ctrl + E

新建html文件Ctrl+Shift+N

新建浏览器窗口 Ctrl+Shift+B

选中的字母切换为小写 Ctrl+L

选中的字母切换为大写 Ctrl+U

选中的词组首字母大写 Ctrl+Shift+U

复制选定文本并追加到剪贴板中 Ctrl+Shift+C

剪切选定文本并追加到剪贴板中 Ctrl+Shift+X

创建当前行的副本 Ctrl+J

复制上一行的一个字符到当前行 Ctrl+-

剪切选定文本并追加到剪贴板中 Ctrl+Shift+X

合并选定行 Ctrl+Shift+J

反转选定文本的大小写 Ctrl+K

开始/结束选择区域 Alt+Shift+B

选择当前行 Ctrl+R

全屏模式开/关 Ctrl+K

显示或隐藏标尺 Alt+Shift+R

显示或隐藏制表符与空格 Alt+Shift+I

显示函数列表 Ctrl+F11

转到当前文档的指定行 Ctrl + G

设置或清除当前行的标记 F9

转到下一个标记位置 F4

转到上一个标记位置 Shift+F4

清除当前文档中的所有标记 Ctrl+Shift+F9

搜索一对匹配的括号 Ctrl+]

搜索一对匹配的括号并选择该文本 Ctrl+Shift+]

切换当前文档的自动换行功能 Ctrl+Shift+W

编辑当前 HTML 页面的源文件 Ctrl+E


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12217405.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存