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>
<!-- }头部结束 -->