如何编写符合标准的XHTML代码

作者:     目录: PHP+MySQL     发表: 2010年02月27日

由于HTML版本以及浏览器类型不同,在编写HTML代码时须注意以下事项。

1.  DOCTYPE (文档类型定义)

DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。
DOCTYPE须定义在文档的开始位置,而且必须注意大小写问题(case sensitive)。
例如常见的DOCTYPE定义成如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
具体的DOCTYPE定义请参考 HTML <!DOCTYPE> 标签

2. 字符编码(Character Encoding)

对于中文网站,Character Encoding通常定义成如下形式:
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
charset=gb2312:代表此文档使用的字符集为gb2312。

3. 使用html标准中规定的标签及属性(tags or attributes)

减少使用html标准以外的标签,例如常见的<BLINK> 和 <MARQUEE>,以增加HTML文档的兼容性。

4. HTML语法格式(formatted HTML)

  • 属性值尽量使用引号(兼容新标准)
    <p style=”font-face: arial, geneva”>
  • 记得关闭标签(tag)
    例如<p><img src=”logo.jpg” alt=”logo” /></p>
  • 标签层级正确,关闭标签的位置必须对应准确。

5.  <img /> 标签增加alt属性

例如:<img src=”logo.jpg” alt=”logo” />

6.  使用 script type 及 <noscript>

例如:


<script type="text/javascript">
.... javascript 代码 ...
</script>
<noscript>
<P>访问 <A  href="http://renniaofei.com/">任鸟飞网页设计</A>
</noscript>

7. 标签及属性符号尽量使用小写字母

例如:<div style=”font-size:12px;”></div>

8. 样式定义尽量定义在单独的.css文件中,以使样式和数据分离。

尽量避免如下情况:

<a href="http://renniaofei.com" style="color: #000; text-decoration: none;">任鸟飞网页设计</a>

XHTML校验工具

标签:

发表评论