HTML标签的role作用

43 阅读 0 评论 29 点赞

我是靠谱客的博主大力火车，最近开发中收集的这篇文章主要介绍HTML标签的role作用，觉得挺不错的，现在分享给大家，希望可以做个参考。

看到别人代码中出现role属性，记录一下：

<li role="tab" class=tabs-tab>tab1</li>

role 是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。

通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。

role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button

<li role="presentation" class="active"><a href="#">Home</a></li>

 <div role="button"></div>

以上就是大力火车为你收集整理的HTML标签的role作用的全部内容，希望文章能够帮你解决HTML标签的role作用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。