HTML代码规范

标签的语义化使用

1.标题

• h1 页面标题，最大的标题，不可重复使用
• h2 大模块标题，可重复使用
• h3 中模块标题，可重复使用
• h4 小模块标题，可重复使用
• h5 列表标题，可重复使用
• h6 小列表标题，可重复使用

image.png

2.图文列表 ul figure figcaption

• figure 替代 li
• figcaption 标题，替代传统的h4或者h5

image.png

3.其他标签

• header 头部
• footer 底部
• nav 导航
• aside 侧边栏
• article 文章
• section 模块
• button 按钮
  ...

image.png image.png

Tips：
  减少多余的dom节点嵌套
  不要一直使用死亡div