HTML中的角色本质上是增强的语义，当现有的HTML标记不能充分表达语义时，可以借助角色来解释它，这通常发生在一些自定义组件上，这些组件可以增强组件的可访问性、可用性和交互性。



角色的作用是描述非标准标记的实际作用。例如，使用div作为按钮，然后设置div的角色=按钮，辅助工具可以认识到这实际上是一个按钮。



例如,





辅助工具将知道div实际上是选中状态的复选框的角色。

角色是一种无障碍阅读。它是患有诵读困难症患者的属性集。有诵读障碍的人可以用屏幕阅读器软件进行分析，与正常人没有太大关系，不能设置，不能设置阅读屏幕软件无法解析，有阅读障碍的人不能看。

既然它是一个好的编程习惯，那么为所有的标签写角色是否更好呢

如





正常的文本可以读取，但有时在输入密码框之前没有密码提示。它是用占位符写在框中的，正常人知道密码是在这里输入的，但它不能读出，这一次的事情就行了。

属性的作用的存在是为了告诉辅助类应用（如屏幕阅读程序，方便程序的盲人访问网络），这是一个按钮，在HTML5元素，标签本身是有意义的，所以作用不说，至少是不推荐的，但在很多情况下是引导类似的属性和声明，为了与老版浏览器兼容（用户代理），如果你的代码使用HTML5标签。而且还没有准备好支持旧版的浏览器，不能使用角色标签。

以上是详细介绍了角色=在自助形式的属性，这是萧边介绍的。帮助大家是很有帮助的。如果你有任何问题，请给我留言。总编辑会及时回复您，谢谢您对本网站的支持。