3 标签

3.1 标签大小写

【强制】标签名应该小写，不允许大写或大小写混合；

示例：

<!-- Not so great -->
<DIV clsss="xxx">...</DIV>
<!-- Better -->
<div clsss="xxx">...</div>

3.2 标签自闭合

【建议】对于无需自闭合的标签，建议不自闭合，至少同一项目要保持一致；

常见无需自闭合标签有input、img、br、hr等

示例：

<input type="checkbox" value="1">

3.3 标签嵌套

【强制】标签使用必须符合标签嵌套规则；

例如：内联元素不能嵌套块元素，<p>元素和<h1~6>元素不能嵌套块元素等，详见 Allowed nesting of elements in HTML 4 Strict (and XHTML 1.0 Strict) 与 HTML5 Content models;

【建议】实用为王，尽量遵循 HTML 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。

<!-- Not so great -->
<span class="avatar">
  <img src="...">
</span>
<!-- Better -->
<img class="avatar" src="...">

3.4 避免过时标签

【强制】不允许使用过时的旧标签，请使用新标签或者CSS代替：

• acronym → abbr


• applet → object


• b → strong


• dir → ul


• strike → del


• basefont


• big


• center


• font


• isindex


• tt


• u

请参详：http://www.w3schools.com/tags/

[⬆]