|
HTML编码规范
|
|||
| 目的: | 使HTML代码风格保持一致, 容易被理解和被维护 | ||
| 代码风格 | |||
| 缩进与换行: | 使用4个空格为一个缩进层级,tab键 = 4空格 | ||
| 命名: | 强制:class必须代表相应模块或部件的内容和功能. | ||
| 强制: id, class必须单词全字母小写, 单词间以 - 分隔. | |||
| 建议: id, class在避免冲突并描述清楚的前提下尽可能短. | |||
| eg: navigation(n) -> nav(good) , comment(v) -> com(bad) | |||
|
强制 |
|||
| 1. 同一页面, 应避免使用相同的name与id. | |||
IE 浏览器会混淆元素的 id 和 name 属性， document.getElementById 可能获得不期望的元素。所以在对元素的 id 与 name 属性的命名需要非常小心。 |
|||
| 2. 对于无需自闭合的标签, 不允许自闭合 | |||
|
eg. input, br, img, hr.... <input ...> (good), <input... />(bad) |
|||
| 3. 对HMTL5中允许省略的闭合标签, 不允许省略闭合标签 | |||
| 4. 在css可以实现相同需求的情况下不得使用表格进行布局. | |||
| 建议 | |||
| 1. 标签的使用尽量简洁,减少不必要的标签 | |||
| 2. 布尔类型的属性建议不添加属性值 | |||
|
eg. <input type="text" disabled> <input type="checkbox" value="1" checked> |
|||
| 3. 自定义 | |||