01 属性

<p draggable="true">这是一个可拖动的段落。</p>

　

带有指定快捷键的超链接：
<a href="http://www.w3school.com.cn/html/" accesskey="h">HTML</a><br />
(在页面上使用  Alt + accessKey (或者 Shift + Alt + accessKey)  可直接跳到目的页面)

　　

<p contenteditable="true">这是一个可编辑的段落。</p>

　　

dir 规定元素中内容的文本方向。
<p dir="rtl">Write this text right-to-left!</p>

使用 data-* 属性来嵌入自定义数据：
<ul>
    <li onclick="showDetails(this)" id="owl" data-animal-type="鸟类">喜鹊</li>
    <li onclick="showDetails(this)" id="salmon" data-animal-type="鱼类">金枪鱼</li>  
    <li onclick="showDetails(this)" id="tarantula" data-animal-type="蜘蛛">蝇虎</li>  
</ul>
function showDetails(animal) {
    var animalType = animal.getAttribute("data-animal-type");
    alert(animal.innerHTML + "是一种" + animalType + "。");
}