HTML 5 编码规范

风格建议

  • 2空格法缩进
  • 属性使用双引号
  • 语言属性设置 <html lang="zh-CN">
  • 兼容IE,通知 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  • 属性顺序
    • class
    • id/name
    • data-*
    • src/for/type/href
    • aria-*/role
  • 当标签嵌套过多的时候，最好重构成到一个class

HTML 嵌套规则

HTML5 之前的嵌套规则

HTML标签分为块级(block)和内联(inline)两种

  • 块级元素可以嵌套某些块级元素和内嵌元素
  • 内嵌元素可以嵌套其它内嵌元素, 但不能嵌套块元素
  • <p>. <h1-6>. <dt>不能嵌套其它块级元素

完整的内嵌规则 嵌套规则图

HTML5 元素分类

嵌套规则图