XHTML之基础的基础(续)
之前通过孙鑫的视频,对HTML有了个大概了解,而XHTML与HTML在代码规范中有不少区别,正好在不同的地方对比下。
最主要的不同:
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
XHTML 标签名必须用小写字母。
XHTML 文档必须拥有根元素。
1.所有的标记都必须要有一个相应的结束标记
以前在 HTML 中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在 XHTML 中这是不合法的。XHTML 要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:
<br /> <img height="200" alt="廊坊师范学院" src="../images/logo_200x200.gif" width="200" />
2.所有标签的元素和属性的名字都必须使用小写
与HTML 不一样,XHTML 对大小写是敏感的,<title>和<TITLE>是不同的标签。XHTML 要求所有的标签和属性的名字都必须使用小写。例如:<BODY>必须写成<body> 。大小写夹杂也是不被认可的,通常 dreamweaver 自动生成的属性名字"onMouseOver"也必须修改"onmouseover"。
同样因为 XHTML 要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
<p><b></p>/b>
必须修改为:
<p><b></b>/p>
就是说,一层一层的嵌套必须是严格对称。
在HTML 中,你可以不需要给属性值加引号,但是在 XHTML 中,它们必须被加引号。例如:
<height=80>
必须修改为:
<height="80">
特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用',例如:
<alt="say'hello'">
5.给所有属性赋一个值
XHTML 规定所有属性都必须有一个值,没有值的就重复本身,例如:<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>
必须修改为:
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
6. 把所有<和&特殊符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为<任何大于号(>),不是标签的一部分,都必须被编码为>任何与号(&),不是实体的一部分的,都必须被编码为&
“--”只能发生在 XHTML 注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
<!--这里是注释-----------这里是注释-->
用等号或者空格替换内部的虚线。
<!--这里是注释============这里是注释-->
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:
<html> <head> ... </head> <body> ... </body> </html>
以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。部之,在开始正式内容制作之前,了解一下上面的web标准有关代码的规范,还是很有必要的。了解这些规范可以帮助我们少走弯路,尽快通过代码校验。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。