html 里面的 role 属性是什么意思和用途

69 阅读 0 评论 46 点赞

我是靠谱客的博主独特纸鹤，最近开发中收集的这篇文章主要介绍html 里面的 role 属性是什么意思和用途，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

比如，

1 2	`<div` `role="checkbox"` `aria-checked="checked"></div>` `辅助工具就会知道，这个div实际上是个checkbox的角色，为选中状态。`

以上就是独特纸鹤为你收集整理的html 里面的 role 属性是什么意思和用途的全部内容，希望文章能够帮你解决html 里面的 role 属性是什么意思和用途所遇到的程序开发问题。

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

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

登录注册新账号