属性顺序

HTML 属性应当按照以下给出的顺序依次排列，确保代码的易读性。

• class

• id, name

• data-*

• src, for, type, href

• title, alt

• aria-*, role

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

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

//摘于原文http://codeguide.bootcss.com/