生活琐记

HTML规范-Web前端开发修炼之道读书笔记

HTML规范

HTML规范包括以下内容:

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

2. 统一UTF-8编码。

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

3. 标签名,属性名全部小写,属性需要加引号,单标签需闭合,例如<hr> V. <hr /> X.

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

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

5. 标签语义化,Webdeveloper去样式可读性好。

6. 方便服务器端程序员套模板,HTML需为模块添加注释。格式为:“<!– XXX开始{–>XXXXXXX<!–}something结束–>”,入下代码所示

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

<div class="head">

<div class="header clearfix">......</div>

</div>

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