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"。


3.所有的XML 标记都必须合理嵌套
    同样因为 XHTML 要求有严谨的结构,因此所有的嵌套都必须按顺序,以前我们这样写的代码:
   
<p><b></p>/b> 
    必须修改为:
    <p><b></b>/p> 

    就是说,一层一层的嵌套必须是严格对称。


4.所有的属性必须用引号""括起来
    在HTML 中,你可以不需要给属性值加引号,但是在 XHTML 中,它们必须被加引号。例如:
    <height=80> 
    必须修改为:
    <height="80"> 
    特殊情况,你需要在属性值里使用双引号,你可以用",单引号可以使用&apos;,例如:
    <alt="say&apos;hello&apos;"> 


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. 把所有<和&特殊符号用编码表示

    任何小于号(<),不是标签的一部分,都必须被编码为&lt;任何大于号(>),不是标签的一部分,都必须被编码为&gt;任何与号(&),不是实体的一部分的,都必须被编码为&amp;


7.不要在注释内容中使“--”
    “--”只能发生在 XHTML 注释的开头和结束,也就是说,在内容中它们不再有效。例如下面的代码是无效的:
    <!--这里是注释-----------这里是注释--> 
    用等号或者空格替换内部的虚线。

    <!--这里是注释============这里是注释--> 


8.XHTML 文档必须拥有一个根元素

    所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:

<html>
<head> ... </head>
<body> ... </body>
</html>

    以上这些规范有的看上去比较奇怪,但这一切都是为了使我们的代码有一个统一、唯一的标准,便于以后的数据再利用。部之,在开始正式内容制作之前,了解一下上面的web标准有关代码的规范,还是很有必要的。了解这些规范可以帮助我们少走弯路,尽快通过代码校验。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。