HTML5之tabindex属性全面解析

网络
我做不到很坚强，但起码要让自己不再懦弱！人生最大的错误，是用健康换取身外之物，人生最大的悲哀，是用生命换取个人的烦恼，人生最大的浪费，是用生命解决自己制造的麻烦！
XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPEhtml>
  2. <html>
  3. <head>
  4. <metacharset="UTF-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <divtabindex="-1">
  9. <arel="nofollow noopener noreferrer" href="#"tabindex="3">Hello</a>
  10. <arel="nofollow noopener noreferrer" href="#"tabindex="1">Hel</a>
  11. <arel="nofollow noopener noreferrer" href="#"tabindex="2">Hell</a>
  12. </div>
  13. </body>
  14. </html>

显示效果：

PS：

•tabindex的跳转顺序为从小到大。如果直接点击模块中的tabindex序数最大的选项，则跳转到他处，或者不跳转。

以上这篇HTML5之tabindex属性全面解析就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

原文地址：http://www.cnblogs.com/krolong/archive/2016/07/06/5646111.html