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

由于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://www.renniaofei.com" style="color: #000; text-decoration: none;">任鸟飞网页设计</a>

XHTML校验工具

标签:
除非注明,本博客文章均为原创,转载请以链接形式标明本文地址
原创文章如转载,请注明:转载自 任鸟飞网页设计 [ http://www.renniaofei.com/ ]
本文链接地址: http://www.renniaofei.com/code/code-comply-with-xhtml-standards/
引用通告地址 Trackback URL:直接在本文链接地址后添加 trackback/
本文短网址: http://bit.ly/ckaoUe
任鸟飞

任鸟飞网页设计网创办者 主要关注网页设计,网站建设,图形图像设计。 Twitter @renniaofei QQ:29900684

留下评论

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: