如何编写符合标准的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校验工具

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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

无觅相关文章插件,快速提升流量

任鸟飞网页设计博客 谜题推理 No.1 Web Design Gallery IndustryIdea LookForDesign AWebGallery Mobile Web Template iDesign Wallpaper Big Funny Picture iPhone Faves iPhone Mobi iPad Faves Android Faves BlackBerry Faves Best Design Magazine All Banner Templates Blog Earn Tips 是谁啊 只爱美人 家乡美 唯美爱 美人衣妆 AutoCAD 2D | Pro/E 3D江苏名企The HTML5 Templates