前端规范——HTML

HTML规范

1. 代码风格

1.1 缩进与换行

● [建议] 使用tab键作为一个缩进层级，vscode设置tabSize为2。

示例：

<!-- good -->
<div>
  <ul>
    <li>首页</li>
    <li>个人中心</li>
  </ul>
</div>

<!-- bad -->
<div>
    <ul>
      <li>首页</li>
      <li>个人中心</li>
    </ul>
</div>

1.2 命名

★ [强制] class的值必须是 kebab-case 短横拼写法

示例：

<!-- good -->
<div class="menu-item"></div>

<!-- bad -->
<div class="menuitem"></div>
<div class="menuItem"></div>

★ [强制] class命名必须具有语义化,不能以样式信息命名

示例：

<!-- good -->
<div class="header"></div>