属性の順序

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/