HTML编码标准
HTML编码标准
本文档的指标是使HTML代码格调维持一致，容易被了解和被保护，要是本人没有这种习惯，请好好选中你的IDE，别再用“文本编纂器”。
1 代码格调
1.1 缩进与换行
[强迫] 运用 4 个空格做为一个缩进层级，不允许运用 2 个空格 或 tab 字符。
示例：
- first
- second
[倡议] 每行不得超过 120 个字符。
解释：
过长的代码不容易浏览与保护。但是考虑到 HTML 的特别性，不做硬性请求，sublime、phpstorm、wenstorm等都有标尺功能。
1.2 命名
[强迫] class 必需单词全字母小写，单词间以 - 分隔。
[强迫] class 必需代表响应模块或部件的内容或功能，不得以样式信息进行命名。
示例：
[强迫] 元素 id 必需保障页面独一。
解释：
统一个页面中，不一样的元素包括雷同的 id，不相符 id 的属性含义。而且运用 document.getElementById 时可能致使难以追究的题目。
[倡议] id 倡议单词全字母小写，单词间以 - 分隔。同项目必需维持格调一致。
[倡议] id、class 命名，在以免冲突并描述分明的条件下尽可能短。
示例：
[强迫] 统一页面，应以免运用雷同的 name 与 id。
解释：
IE 阅读器会混同元素的 id 和 name 属性， document.getElementById 可能获得不奢望的元素。所以在对元素的 id 与 name 属性的命名需要非常当心。
一个比拼好的实践是，为 id 和 name 运用不一样的命名法。
示例：
《script》
// IE6 将显示 INPUT
alert(document.getElementById('foo').tagName);
《script》1.3 标签
[强迫] 标签名必需运用小写字母。
示例：
Hello StyleGuide!
Hello StyleGuide!
[强迫] 关于无需自闭合的标签，不允许自闭合。
解释：
常见无需自闭合标签有input、br、img、hr等。
示例：
[强迫] 对 HTML5 中规定允许省去的闭合标签，不允许省去闭合标签。
示例：
- first
- second
- first
- second
[强迫] 标签运用必需相符标签嵌套法则。
解释：
比方 div 不得置于 p 中，tbody 必需置于 table 中。
示例：
[倡议] HTML 标签的运用应当遵循标签的语义。
解释：
下面是常见标签语义
p - 段降 h1,h2,h3,h4,h5,h6 - 层级标题 strong,em - 强调 ins - 插入 del - 删除 abbr - 缩写 code - 代码标识 cite - 引述来源作品的标题 q - 援用 blockquote - 一段或长篇援用 ul - 无序列表 ol - 有序列表 dl,dt,dd - 定义列表
示例：
Esprima serves as an important building block for some JavaScript language tools.
Esprima serves as an important building block for some JavaScript language tools.
[倡议] 在 CSS 可以实现雷同需求的状况下不得运用表格进行布局。
解释：
在兼容性允许的状况下应尽量维持语义准确性。对网格对齐和拉伸性有严厉请求的场景允许例外，如多列复杂表单。
[倡议] 标签的运用应尽量简约，减少无须要的标签。
示例：
1.4 属性
[强迫] 属性名必需运用小写字母。
示例：
[强迫] 属性值必需用双引号包抄。
解释：
不允许运用单引号，不允许不运用引号。
示例：
打赏
- 上一篇：HTML5Canvas
- 下一篇：html表格标签