我一直在某些人的工作中看到角色属性。我也使用它,但是我不确定它的效果。
例如:
<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属性?
有什么想法吗?
据我了解,角色最初是由XHTML定义的,但已被弃用。但是,它们现在由HTML 5定义,请参见此处:https : //www.w3.org/WAI/PF/aria/roles#abstract_roles_header
角色属性的目的是确定要解析的软件作为Web应用程序一部分的元素(及其子元素)的确切功能。这主要是作为屏幕阅读器的可访问性,但是我也可以看到它对于嵌入式浏览器和屏幕抓取器很有用。为了对异常的HTML客户端有用,需要将该属性设置为我链接的规范中的角色之一。如果您自己制作,此“未来”功能将无法正常工作-评论会更好。
这里的实用性:http : //www.accessibleculture.org/articles/2011/04/html5-aria-2011/