美文网首页
HTML代码规范

HTML代码规范

作者: 马小帅mm | 来源:发表于2019-06-10 20:14 被阅读0次

标签的语义化使用

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. 代码规范 所有书写均在英文半角状态下的小写; 所有标签必须闭合; 统一用tab键缩进; 标签属性值必须带引号...

  • HTML代码规范

    HTML编码规范 1 代码风格 1.1 缩进与换行 [强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个...

  • HTML代码规范

    标签的语义化使用 1.标题 h1 页面标题,最大的标题,不可重复使用 h2 大模块标题,可重复使用 h3 中模块标...

  • HTML代码规范

    HTML代码规范 文档 使用 HTML5 文档类型 HTML 文件使用无 BOM 的 UTF-8 编码。 启用 I...

  • CSS综合

    HTML编码规范CSS编码规范 垂直居中代码

  • Bootstrap编码规范

    Bootstrap 编码规范:编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。 HTML 1、语法用两...

  • HTML(5) 代码规范

    HTML代码约定很多Web开发人员对HTML的代码规范知之甚少在2000年至2010年,许多Web开发人员从 HT...

  • HTML规范 - 代码格式

  • HTML CSS代码规范

    google html css编码规范 https://google.github.io/styleguide/h...

  • HTML规范-代码格式

    文案的注释方法 采用类似标签闭合的写法,与HTML统一格式;注释文案两头空格,与CSS注释统一格式。 开始注释:(...

网友评论

      本文标题:HTML代码规范

      本文链接:https://www.haomeiwen.com/subject/kmltfctx.html