在HTML中，属性能表达相当丰富的语义，而且属性也会额外提供很多实用的功能，HTML共支持16个常见的全局属性。
HTML原有属性
accesskey
作用：浏览器用来创建激活或聚焦元素的快捷键
值：一个键盘字符如 O
范围：支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>
注意：使用该属性可能在新窗口打开链接时可能会被浏览器屏蔽
<div>
<a href="https://www.baidu.com" accesskey="b">百度</a>
<a href="https://www.taobao.com" accesskey="a">阿里</a>
<a href="https://www.qq.com" accesskey="t">腾讯</a>
<p>快捷键(alt+b)可以跳转到百度；快捷键(alt+a)可以跳转到阿里；快捷键(alt+t)可以跳转到腾讯</p>
</div>
class
作用：规定元素的一个或多个类名
值：多个类名用空格分隔
注意：类名不能以数字开头
dir
作用：文字的方向
值：ltr/rtl/auto
id
作用：规定元素的唯一标识
lang
作用：规定元素内容的语言
en:英文
zh:中文
zh-CN：简体中文
style
作用：设置元素的行间样式
tabindex
作用：规定元素的tab键次序
值：<number>(1是第一个)
<div>
<a href="https://www.baidu.com" tabindex="3">百度</a>
<a href="https://www.taobao.com" tabindex="2">阿里</a>
<a href="https://www.qq.com" tabindex="1">腾讯</a>
</div>
title
作用：规定关于元素的额外信息，鼠标移到元素上时显示一段提示文本
HTML5新增属性
contenteditable
作用：指定是否可以在浏览器里编辑内容
值：true/false
注意：设置document.designMode ='on'时，页面的任意位置都可以编辑；使用contenteditable ='true'则只对具体元素和其包含的元素起作用。
移动端：移动端ios5以及android3之后才支持该属性
contextmenu(没有浏览器支持)
作用：跟元素关联的右键菜单
值：<menu>元素中唯一ID
data-*
作用：用于存储页面或应用程序的私有定制数据
注意：属性名不应包含任何大写字母，且在前缀"data-"之后必须有至少一个字符；属性值可以是任意字符串
使用：可以在所有浏览器中使用getAttribute方法来获取data-属性的值，也可以使用javascript中dataset属性访问data-属性的值，不过IE10-浏览器不支持dataset
draggable(IE8-不支持)
作用：用户是否可以拖动元素
值：true/false/auto
注意：链接和图像默认是可拖动的
dropzone(所有浏览器都不支持)
作用：规定在拖动被拖动数据时是否进行复制、移动或链接
值：copy拷贝/move移动/link指向原始数据链接
hidden(IE7-不支持)
作用：显示或隐藏该元素(与display:none的作用一样)
值：hidden="" || hidden= "hidden"
spellcheck(IE9-不支持)
作用：规定是否对元素进行拼写和语法检查,对拼写错误的单词会在其下方出现红线
范围：可编辑区域（表单或contenteditable元素）
值：true/false
注意：移动端支持不好
translate(所有浏览器都不支持)
作用：规定是否应该翻译元素内容
值：yes/no
网友评论