您现在的位置:首页 >> 前端 >> 内容

Bootstrap HTML编码规范之属性顺序实例讲解

时间:2018/3/16 15:36:19 点击:

  核心提示:属性顺序为了确保代码的易读性,HTML 属性应当按照以下顺序依次排列:classid, namedata-*src, for, type, href, valuetitle, altrole, ari...

属性顺序

为了确保代码的易读性,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="...">

Tags:BO OO OT TS 
作者:网络 来源:歪脖先生的博客