文章目录
保留属性
id
id属性用于为HTML元素指定唯一标识，当程序使用JavaScript编程时即可通过该属性值来获取该HTML元素。
style
style属性用于为HTML元素指定CSS样式。
class
class属性用于匹配CSS样式的class选择器。
dir
对于大多数HTML元素而言，dir属性用于设置元素中内容的排列方向。
dir通常支持ltr和rtl两种取值：ltr是从左至右（左对齐）；rtl是从右至左（右对齐）。
title
title属性用于为HTML元素指定额外信息。
通常的，当用户把鼠标移动到指定title的元素上面时，浏览器将会显示title属性所指定的信息。
lang
lang属性用于告知浏览器和搜索引擎：网络或网页中元素的内容所使用的的语言。
这个“语言”的取值应该是指定的语言代码，比如：
- en：英文
- ja：日文
- zh：中文
accessKey
accessKey元素用于在HTML页面有多个元素时指定激活所在元素的快捷键。
备注：Firefox暂不支持
tabindex
tabindex属性用于控制窗口、HTML元素获取焦点的顺序。
用户可以通过Tab键不断切换窗口或网页中的HTML元素来获取焦点。
tabindex被设置为1时，第一次按下Tab键时该元素获得焦点。
通常情况下，tabindex属性用在<a>、<area>、<button>、<input>、<select>、<textarea>等可被激活、可与用户交互的元素上才有明显效果。
如果把tabindex元素用于非上述元素上（它们本身不需要被激活、与用户交互，而是需要在js代码中调用focus()使其获得焦点），因此最好将tabindex设为-1，以避免Tab和focus()都能激活该元素。
新增属性
contentEditable
contentEditable用于指定是否允许开发者直接编辑HTML元素中的内容，值为true或false。
这里的HTML元素并不是指那些原本就允许用户输入的表单元素，而是主要针对于<table>、<div>这种元素，将其中内容变为可编辑状态。
HTML文档是树形结构，父元素被指定contentEditable="true"时，子元素默认也是true，除非特殊指定contentEditable=“false”。
若是用户可编辑，用户编辑后的内容就会显示在该页面中。可惜的是，这些内容不会被保存，一旦刷新页面，编辑的内容就会“丢失”。
开发者可以通过innerHTML属性获取编辑后的内容。
designMode
designMode属性就像是全局的contentEditable属性，有on和off两种取值。
当整个页面的designMode被设置为on时，页面上所有支持contentEditable属性的元素都变成可编辑状态。
hidden
hidden属性告诉浏览器是否隐藏该元素，有true和false两种取值。
一旦hidden是true，不仅意味着浏览器不显示该组件，浏览器甚至不会保留该组件占有的空间。
hidden属性可以代替CSS样式单中的display属性，设置hidden="true"相当于在CSS中设置display:none。
spellcheck
spellcheck属性告诉浏览器对用户输入的内容进行拼写检查，有true和false两种取值。
spellcheck属性作用于<area>、<textarea>等元素，如果被开启的时候遇到拼错的单词，浏览器会给出错误提示（红色波浪下划线）。
备注：Firefox暂不支持
contextmenu
contextmenu属性用于为HTML元素设置右键菜单，该属性目前不被主流浏览器支持。