3 标签

3.1 标签大小写

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

示例：

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

3.2 标签自闭合

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

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

示例：

  1. <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 标准和语义，但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度。

  1. <!-- Not so great -->
  2. <span class="avatar">
  3.   <img src="...">
  4. </span>
  6. <!-- Better -->
  7. <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/

[⬆]