HTML5主要元素与ARIA地标角色"main"的区别

Question

28

我对了解HTML5中的<main>元素和ARIA landmark角色属性role="main"之间的关系和可能的区别很感兴趣。

我认为<main>元素的目的是将ARIA roll属性role="main"映射到特定的HTML元素上。但这是否总结了它的作用呢？

使用<main>有什么好处，相比使用<div role="main">呢？或者说现在和可预见的未来，它们会产生相同的结果吗？

非常感谢任何比较以下示例的见解:

<body>
  <main>
    <p>Paragraph</p>
  <main>
</body>

<body>
  <main role="main">
    <p>Paragraph</p>
  <main>
</body>

<body>
  <div role="main">
    <p>Paragraph</p>
  <div>
</body>

- Stuart Kershaw

有特别的原因设置赏金吗？据我所知，情况并没有改变；他们执行相同的操作，最终将不再需要 role="main"。 - Daniel Imms

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Daniel Imms · Accepted Answer

根据HTML5 Doctor的说法，它们是等效的。<main>只是使实现role="main"更容易和更整洁。

<main>元素的主要目的是将ARIA的地标角色main映射到HTML中的一个元素。

这里是<main>元素的一般描述。

main元素表示文档或应用程序的的主要内容。主要内容区域包括与文档的中心主题或应用程序的中心功能直接相关或扩展的内容。

建议在同一个元素中同时使用<main>和role="main"，直到浏览器正确实现<main>为止。

<!-- Recommended -->
<main role="main">
    ...
</main>

如果您感兴趣，请务必阅读<main>规范。

正如Szabolcs在评论中指出的，<main>不是分组元素，因此应该与<section>元素一起使用。