h5那些關於交互的屬性

tabindex

做用：配合focus實現鍵盤快捷訪問。

默承認focus元素（無需設置tabindex）：a, button, input, select, textarea, area, legend, label

tabindex取值（0至32767）

• 0，能夠使一個元素按天然順序出如今 tab 鍵序中
• 負值，能夠被鼠標或者JS focus，同時可以響應focus事件。可是，卻不能被鍵盤focus。

contenteditable

做用：是否可編輯元素的內容
用法：contenteditable = "true"

<ul contenteditable="true">
    <li>悼念遇難香港同胞 </li>
    <li>深圳特區30週年</li>
    <li>伊春空難</li>
</ul>

此屬性對於style標籤一樣適用:

<div>
    <style contenteditable>
        .test_image{ padding: 3px; border: 1px solid #ccc; }
    </style>
</div>
<br />
<div class="test">
    gggggggggggggggggggggggggg
</div>

accessKey 鍵盤快捷方式

做用：可設置或返回訪問一個按鈕的鍵盤按鍵

Alt + accessKey 爲擁有指定快捷鍵的元素賦予焦點　　

各類瀏覽器下accesskey快捷鍵的使用方法：
　　　　IE瀏覽器
　　　　　　按住Alt鍵，點擊accesskey定義的快捷鍵(焦點將移動到連接)，再按回車.
　　　　FireFox瀏覽器
　　　　　　按住Alt+Shift鍵，點擊accesskey定義的快捷鍵.
　　　　Chrome瀏覽器
　　　　　　按住Alt鍵，點擊accesskey定義的快捷鍵.
　　　　Opera瀏覽器
　　　　　　按住Shift鍵，點擊esc，出現本頁定義的accesskey快捷鍵列表可供選擇.
　　　　Safari瀏覽器
　　　　　　按住Alt鍵，點擊accesskey定義的快捷鍵.

title

做用：在鼠標移到元素上時顯示一段工具提示文本（tooltip text）
用法：<element title="value">

alt

做用：指定圖像不能正常顯示（網速慢、圖片連接錯誤）後顯示的替換文本
用法：<img src="compman.gif" alt="common">