由于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>