站内搜索：

在线手册

XHTML＋CSS教程——布局经验

编写XHTML时的常见问题，及XHTML编写的规范和大多人的习惯
作者：knitter摘抄整理   2008-7-27

一、XHTML代码书写格式

大家都知道XHTML代码无论你换行或不换行，只要元素正确结束，网页都能正常显示，但是如果所有代码都像英文句子一样连在一起的话，会给我们以后维护带来不便，不便于查网页面代码的结构，所以写代码时最好是对模块做好注释，同时每一个元素相对父元素缩进一下便于查看代码结构，例如：

<!—新闻列表开始-->

<ul>
<li>
<a herf=”#”>新闻新闻新闻新闻</a>
</li>
</ul>
<!—新闻列表结束-->

当然，注释也不要太细了，太细太多的注释，会增加文件的大小，我们只要注释好主要的大块便于区分结构就好。

二、XHTML代码规范

了解这些规范可以帮助你少走弯路,尽快通过w3c代码校验。

1.所有的标记都必须要有一个相应的结束标记，必须的属性

以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它，同时img元素必需有alt属性，属性值为字符或空。例如:

<br /><img height="80" alt="网页编织者" src="../images/logo_86w3_200x80.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.把所有<和&特殊符号用编码表示

任何小于号（<），不是标签的一部分，都必须被编码为& l t ;

任何大于号（>），不是标签的一部分，都必须被编码为& g t ;

任何与号（&），不是实体的一部分的，都必须被编码为& a m p;

注：以上字符之间无空格。

6.给所有属性赋一个值

XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：

<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>

必须修改为：

<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“--”

“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:

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

用等号或者空格替换内部的虚线。

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

本站文章可直接用浏览器打印，无须专门打印页。    TOP