class

定义元素的类名。
<p class="important">注意：这是一个很重要的段落。 :)</p>

contenteditable

规定是否可编辑元素的内容。true-可编辑，false-不可编辑。
<p contenteditable="true">这是一个可编辑段落。</p>

accesskey

设置访问元素的键盘快捷键。
<a href="http://www.baidu.com" accesskey="h">HTML 教程</a>

注意，在不同的浏览器不同的操作系统中访问快捷键的方式不同：

快捷键访问.png

dir

设置文本方向。ltr-默认，从左向右。rtl-从右向左。auto-让浏览器根据内容来判断文本方向。
<p dir="rtl">文本方向从右到左!</p>

data-*

存储页面自定义数据。
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>

draggable

规定元素是否可拖动。 true-可拖动，false-不可拖动。auto-使用浏览器默认特性，链接和图像可拖动。
<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>

hidden

对元素进行隐藏。
<p hidden>这是一段隐藏的段落。</p>

元素隐藏.png

id

规定元素的唯一id
<h1 id="myheader">我的第一个标题</h1>

spellcheck

对元素内容进行拼写检查。true-检查（针对text中的input元素，textarea元素，contenteditable元素），false-不检查。
<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>

style

规定元素的行内样式。将覆盖任何全局的样式设定。
<h1 style="color:blue;text-align:center">这是一个标题</h1>

tabindex

规定当使用"tab"键进行导航时元素的顺序。
tabindex有三个值，-1,0，XX（32767是界点）
tabindex=0 ： 该元素可用tab键获取焦点，且访问的顺序是按照元素在文档中的顺序。
tabindex=-1：该元素获取不到焦点，但可以通过js获取，这样就便于我们通过js设置上下左右键的响应时间。
tabindex=XX： 该元素可用tab键获取焦点，且有优先级大于tabindex=0。数字越小，越先定位到。
<a href="//www.runoob.com//" tabindex="0"> runoob.com 菜鸟教程</a><br />
<a href="//www.google.com/" tabindex="-1">Google</a><br />
<a href="//www.microsoft.com/" tabindex="1">Microsoft</a>

title

规定元素的额外信息。鼠标放在“WHO”上会出现“世界卫生组织”，放在“菜鸟教程”上会出现“菜鸟教程”。
<p><abbr title="世界卫生组织">WHO</abbr> 成立于 1948。</p>
<p title="菜鸟教程">菜鸟教程</p>