HTML5属性扩展总结

1.accesskey

<a href="index.html" accesskey="c">index</a>

accesskey 属性规定激活（使元素获得焦点）元素的快捷键

作用：令一般为抽象化的按钮或者链接，所以a元素的链接也是命令，当a元素中指定了accesskey属性，只要按下键盘上指定的快捷键（热键），就会跳转到指定网页

2.tabindex

<a href="one.html" tabindex="1">one</a>

<a href="two.html" tabindex="2">two</a>

<a href="three.html" tabindex="3">three</a>

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）

tabindex属性可以设置键盘中的tab键在控件中的移动顺序，即焦点的顺序，取值范围在1到32767之间

3.contenteditable

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

contenteditable 属性规定是否可编辑元素的内容,属性值为true和false

4.spellcheck

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

spellcheck 属性规定是否对元素内容进行拼写检查。

可对以下文本进行拼写检查：类型为text的input元素中的值；textarea元素中的值；可编辑元素中的值

5.lang和dir

lang 属性规定元素内容的语言

dir 属性规定元素内容的文本方向,取值为rtl何ltr.

6.title

<p title="one">1</p>

title 属性规定关于元素的额外信息。

这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）

7.role

<button role="checkbox"></button>

role的本质是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明，通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性、可交互性

role的作用是描述一个非标准的tag的实际作用