HTML代码规范经验

2019年11月30日作者：佚名

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武艺，放在一张大图里。大图的部署也死守co妹妹on+app的办法，全站接纳的图片应告知公用组件护卫者，填入co妹妹on.gif中，各栏指标图片，应放入app.gif。CSS sprite妙技的利益是减少了http求告数，然则图周全向CSS的background-position增长了耦合度，也增加了护卫的利润。假如图片有修改，不要删除已添加的图片，在空白处新增修正后的图片，减小修正的风险。

5. 方便任事器端步调员套模板，HTML需为模块添加标明。格局为：

<!-- XXX劈头{--> 
XXXXXXX 
<!-- }XXX结束 -->

下列代码所示

<!-- 头部劈头劈脸{ --> 

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

<!-- }头部完毕 -->