HTML5主要元素与ARIA地标角色=“主”

前端之家收集整理的这篇文章主要介绍了HTML5主要元素与ARIA地标角色=“主”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有兴趣了解HTML5< main>之间的关系以及可能的区别。元素和ARIA标志角色属性role =“main”。

我的印象是,< main>元素是将ARIA roll属性role =“main”映射到特定的HTML元素。但是总结起来呢?

使用< main>有益处说,< div role =“main”&gt ;?或者,现在和可以预见的未来,这些都会产生相同的结果? 比较以下例子的任何见解将不胜感激:

<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>

解决方法

据HTML5医生说,他们是等同的。 <主>只是使它更容易和更好地实现role =“main”。

The primary purpose of is to map ARIA’s landmark role main to an element in HTML.

以下是< main>元件。

The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application.

建议

建议使用< main>和role =“main”在同一个元素中,直到浏览器实现< main>正常。

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

如果您有兴趣,请务必阅读<main> spec

切片注意事项

正如Szabolcs在评论中指出的那样,< main>不是一个分段元素,所以它应该与< section>元件。

参考

> The main element – HTML5 Doctor
> W3C HTML Editors Draft

猜你在找的HTML5相关文章