html十六个全局属性

单纯的依赖html标签并不能够丰富的表达一定的内容，所以在html当中，可以给标签设定属性，用来加以丰富标签的表达能力。
而在html标签中又有十六个全局属性，可以用来配合所有的标签。
下面是关于这十六个全局属性的详细内容。

原有属性

id
作用：规定元素的唯一标识

注意：若浏览器中出现多个id名的情况，CSS样式对所以该id名的元素都生效，但javascript脚本仅对第一个出现该id名的元素生效

class

作用：规定元素的一个或多个类名
值：多个类名用空格分隔

注意：类名不能以数字开头

accesskey

作用:浏览器用来创建**或聚焦元素的快捷键

值：一个键盘字符例如N键。

支持范围:支持该属性的元素有<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>

示例代码:

<div>
        <a href="http://www.baidu.com" accesskey="b">百度</a>
        <a href="http://www.taobao.com" accesskey="t">淘宝</a>
        <a href="http://www.jd.com" accesskey="j">京东</a>
        <p>
            <b>alt</b> + <b>b</b> 打开百度
            <b>alt</b> + <b>t</b> 打开淘宝
            <b>alt</b> + <b>j</b> 打开京东
        </p>
</div>

注意：在不同的系统里面可能快捷键有些出入，例如笔者的是mac电脑，快捷键就变成了ctrl+option+键盘字符。

dir

作用：文字的方向
值：ltr/rtl/auto

<p dir="ltr">
        hello,world
</p>
<p dir="rtl">
        hello,world
</p>

lang
作用:规定元素内容语言。

en:英文
zh:中文
zh-CN：简体中文

zh 是中文，代表的是宏语言（Macrolanguage），zh 单独用表示中文整体，可以是方言、文言文、简繁体等混合内容。理论上 zh-CN 表示的是*中文，包含方言和简繁体，但默认指简体普通话。为了精准性，应该用独立语种替换，包括但不仅限于普通话和七大方言：

cmn 普通话（官话、国语）
wuu 吴语（江浙话、上海话）、czh 徽语（徽州话、严州话、吴语-徽严片）
hak 客家语
yue 粤语（广东话）
nan 闽南语（福建话、台语）、cpx 莆仙话（莆田话、兴化语）、cdo 闽东语、mnp 闽北语、zco 闽中语
gan 赣语（江西话）
hsn 湘语（湖南话）
cjy 晋语（山西话、陕北话）

以下所有 zh 开头写法已于 2009 年废弃，因为在语言学的分类上，中国语言学者多认为吴语、粤语、闽语等是汉语的方言，而西方学者多认为这些语言是一门和汉语同级关系的单独语种

以下两种写法均正确，后者描述更精准，但目前浏览器和操作系统都只支持前者，使用新标准可能会造成无法匹配浏览器用户定义字体、网页翻译、程序语言自动切换等功能，为了兼容性推荐使用前者

zh-CN 中文 (简体, *) 对应 cmn-Hans-CN 普通话 (简体, *)
zh-SG 中文 (简体, 新加坡)   对应 cmn-Hans-SG 普通话 (简体, 新加坡)
zh-HK 中文 (繁体, 香港)     对应 cmn-Hant-HK 普通话 (繁体, 香港)
zh-MO 中文 (繁体, 澳门)     对应 cmn-Hant-MO 普通话 (繁体, 澳门)
zh-TW 中文 (繁体, *)     对应 cmn-Hant-TW 普通话 (繁体, *)

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之后才支持该属性

例如：

<p contenteditable>
    hello,world
</p>

此时单击页面就会产生效果

contextmenu

作用：跟元素关联的右键菜单
值：<menu>元素中唯一ID

hidden(IE7-不支持)

作用：显示或隐藏该元素(与display:none作用一样)

值：hidden="" || hidden= “hidden”

spellcheck(IE9-不支持)

作用：规定是否对元素进行拼写和语法检查，对拼写错误的单词会在其下方出现红线
范围：可编辑区域（表单或contenteditable元素）
值：true/false

注意：移动端支持不好

data-*

作用：用于存储页面或应用程序的私有定制数据

注意：属性名不应包含任何大写字母，且在前缀data-之后必须有至少一个字符；属性值可以是任意字符串

使用：可以在所有浏览器中使用getAttribute方法来获取data-*属性的值，也可以使用javascript中dataset属性访问data-*属性的值，不过IE10-浏览器不支持dataset

draggable(IE8-不支持)

作用：用户是否可以拖动元素

值：true/false/auto

注意：链接和图像默认是可拖动的

dropzone(所有浏览器都不支持)

作用：规定在拖动被拖动数据时是否进行复制、移动或链接
值：copy拷贝/move移动/link指向原始数据链接

translate(所有浏览器都不支持)

作用：规定是否应该翻译元素内容
值：yes/no