3 标签

3.1 标签大小写

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

示例:

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

3.2 标签自闭合

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

常见无需自闭合标签有inputimgbrhr

示例:

  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>
  5. <!-- Better -->
  6. <img class="avatar" src="...">

3.4 避免过时标签

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


  • acronymabbr

  • appletobject

  • bstrong

  • dirul

  • strikedel

  • basefont

  • big

  • center

  • font

  • isindex

  • tt

  • u

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

[⬆]