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">