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

你可能感兴趣的:(HTML代码规范)