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编码规范 1 代码风格 1.1 缩进与换行 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个...
    东东丶酱阅读 392评论 0 3
  • HTML代码规范 文档 使用 HTML5 文档类型 HTML 文件使用无 BOM 的 UTF-8 编码。 启用 I...
    Mica_马超阅读 1,670评论 0 1
  • &html,css入门 基础学习 &代码规范 点这里 CSS命名规则 常用的CSS命名规则 头:header 内容...
    Roadsun阅读 142评论 0 1
  • 1. 代码规范 所有书写均在英文半角状态下的小写; 所有标签必须闭合; 统一用tab键缩进; 标签属性值必须带引号...
    咔狼阅读 106评论 0 0
  • HTML5< !--...--> 标签 comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。...
    野小宝阅读 1,003评论 0 10