您现在的位置:首页 >> 前端 >> 内容

HTML5属性扩展总结

时间:2017/2/15 10:28:25 点击:

  核心提示:1.accesskeya href=index.html accesskey=cindex/aaccesskey 属性规定激活(使元素获得焦点)元素的快捷键作用:令一般为抽象化的按钮或者链接,所以a元...

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的实际作用





Tags:HT TM ML L5 
作者:网络 来源:sgm222的博客
  • 上一篇:理解redux
  • 下一篇:函数的四种调用模式