HTML中“角色”属性的目的是什么？

Question

我一直在某些人的工作中看到角色属性。我也使用它，但是我不确定它的效果。例如：<header id="header" role="banner">    Header stuff in here</header>要么：<section id="facebook" role="contentinfo">    Facebook stuff in here</section>要么：<section id="main" role="main">     Main content stuff in here</section>此角色属性是否必要？这个属性对语义更好吗？它会提高SEO吗？可以在此处找到角色列表，但我看到有人组成了自己的角色。是否允许或正确使用role属性？有什么想法吗？

Answer 1

此角色属性是否必要？

答：是的。

当语言不定义自己的角色属性时，角色属性对于支持可访问的富Internet应用程序（WAI-ARIA）定义基于XML的语言中的角色是必需的。

尽管这是role属性由Protocols and Formats Working Group发布的原因，但该属性也具有更通用的用例。

它为您提供：

无障碍

设备适配

服务器端处理

复杂的数据描述等