属性顺序

为了确保代码的易读性，HTML 属性应当按照以下顺序依次排列：

class

id, name

data-*

src, for, type, href, value

title, alt

role, aria-*

class 用于标识高度可复用组件，因此应该排在首位。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。

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