accesskey
accesskey 属性规定激活（使元素获得焦点）元素的快捷键。
<a href=“ww.baidu.com” accesskey=“z”>百度</a>
即按alt+z可以打开百度，也可点击“百度”
class
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用
它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
<html>
<head>
<style type="text/css">
.love{color:green;}
</style>
</head>
<body>
<a class="love">我爱你</a></br>
<a class="love">i love you</a></br>
</body>
</html>
contenteditable
contenteditable 属性规定元素内容是否可编辑。
如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属
性。
<p contenteditable="true">我是不是真的爱你</p>
true规定元素可编辑。
false规定元素不可编辑。
contextmenu
contextmenu 属性规定元素的上下文菜单。当用户右键点击元素时，会出
现上下文菜单。
contextmenu 属性的值是要打开的<menu>元素的 id。
<div contextmenu="mymenu">
<menu type="context" id="mymenu">
<menuitem label="QQ"></menuitem>
</menu>
</div>
data-*
data-* 属性用于存储页面或应用程序的私有自定义数据。
data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用
户体验（不进行 Ajax 调用或服务器端数据库查询）。
data-* 属性包括两部分：
属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
属性值可以是任意字符串
<ul>
<li data-XXX-type="XXX">XXX</li>
</ul>
dir
dir 属性规定元素内容的文本方向。
<p dir="rtl">向左的</p>
属性值：
ltr 默认。从左向右的文本方向。
rtl 从右向左的文本方向。
draggable
draggable 属性规定元素是否可拖动。
链接和图像默认是可拖动的。
draggable 属性常用在拖放操作中。请在我们的拖放教程中学习更多内
容。
<p draggable="true">我爱你</p>
属性值
true 规定元素的可拖动的。
false 规定元素不可拖动。
auto 使用浏览器的默认行为。
hidden
hidden 属性是布尔属性。
如果设置该属性，它规定元素仍未或不再相关。
浏览器不应显示已规定 hidden 属性的元素。
hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了
某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可
见。
<p hidden>我不爱你</p>
lang
lang 属性规定元素内容的语言。
<p lang="en">i love you</p>
spellcheck
spellcheck 属性规定是否对元素进行拼写和语法检查。
可以对以下内容进行拼写检查：
input 元素中的文本值（非密码）
<textarea>元素中的文本
可编辑元素中的文本
<p contenteditable="true" spellcheck="true">我爱你</p>
属性值
true 对元素进行拼写和语法检查
false 不检查元素。
style
style 属性规定元素的行内样式（inline style）
style 属性将覆盖任何全局的样式设定，例如在<style>标签或在外部样式
表中规定的样式。 标签或在外部样式表中规定的样式。
<h1 style="color:blue; text-align:center">我爱你</h1>
tabindex
tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
<a href="www.baidu.com" tabindex="2">百度</a>
<a href="www.sina.com" tabindex="1">新浪</a>
<a href="www.google.com" tabindex="3">谷歌</a>
