HTML代码规范

2016-08-18 08:53:50 HTML代码规范经验

HTML规范包括以下内容:

1. DTD统一用<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">

可以简写:

<!DOCTYPE html> 

2. 统一UTF-8编码。

HTML、CSS、JavaScript缩进统一使用TAB键。

3. 标签名,属性名全部小写,属性需要加引号,单标签需闭合,
例如:错误<hr>;正确闭合<hr /> <br />

4. HTML应在保证弹性的基础上尽量减少嵌套层数。

严格区分作为内容的图片和作为背景的图片。作为背景的图片采用CSS sprite技术,放在一张大图里。大图的安排也遵从common+app的方式,全站采用的图片应告知公用组件维护者,填入common.gif中,各栏目的图片,应放入app.gif。CSS sprite技术的优点是减少了http请求数,但是图片面向CSS的background-position增加了耦合度,也增加了维护的成本。如果图片有修改,不要删除已添加的图片,在空白处新增修改后的图片,减小修改的风险。

5. 方便服务器端程序员套模板,HTML需为模块添加注释。格式为:

<!-- XXX开始{--> 
XXXXXXX
<!-- }XXX结束 -->

如下代码所示

<!-- 头部开始{ --> 

<div class="head">
......
</div>

<!-- }头部结束 -->

 

更新