示例:

2.2 属性大小写

【强制】属性名应该小写,不允许大写或大小写混合;

示例:

  1. <table cellSpacing="0">...</table>
  2. <!-- Better -->
  3. <table cellspacing="0">...</table>

示例:

2.4 属性声明顺序

【建议】HTML 属性建议尽量按照以下给出的顺序依次排列,确保代码的易读性。

  • class
  • id, name
  • src, for, , href
  • title, alt
  • aria-*, role

class 用于标识高度可复用组件,因此应该排在首位。id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),建议预留更多的id命名给技术,因此排在第二位。

  1. <a class="..." id="..." data-modal="toggle" href="# ">Example link</a>
  2. <input class="form-control" type="text">
  3. <img src="..." alt="...">

示例:

2.6 链接属性

【强制】禁止 a 标签的 href 取值为空或不写 href 属性,重构时默认可用 # 代替;

如果不需要使用链接功能,请不要使用不带 hrefa 标签,既不符合标签的语义,也可能会产生未知的兼容性问题;

  1. <!-- Not so great -->
  2. <a href="" title="title">欢聚时代</a>
  3. <a class="xxx">欢聚时代</a>

[⬆]