属性顺序

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/