我可以在同一页面中使用多个 "main" html 标签吗？

Question

例如，如果我想将 h1 放在左栏中，将内容放在右栏中：

<div class="left-column">
 <main>
  <h1>Document Title</h1>
 </main>
</div>
<div class="right-column">
 <main>
  <p>Text content<p>
 </main>
</div>

是否正确？谢谢！

Answer 1

我认为不是 - 文档中不能有超过一个 <main> 元素。 <main> 元素不能是 <article>、<aside>、<footer>、<header> 或 <nav> 元素的后代。

Answer 2

每页只能使用一次。在此处查看 link

http://html5doctor.com/the-main-element/

有关原因的更多信息。看看这个

http://lists.w3.org/Archives/Public/public-html/2013Jan/0230.html

Answer 3

这是对齐方式

<div class="left-column">
 <main>
  <h1 align="left">Document Title</h1>
 </main>
</div>
<div class="right-column">
 <main>
  <p align="right">Text content<p>
 </main>
</div>

Answer 4

简短的回答是可以。但是，W3C spec forbids it while the WHATWG spec 允许它。由于 main 元素的作者编写了 W3C 版本并且与 WHATWG 的解释不一致，我会推迟到那里。还有一个开放的错误使 WHATWG 规范与 W3C 规范保持一致。

但是，您不应该因为 main 的最佳使用涉及支持辅助技术 (AT)（例如屏幕阅读器）。也是映射到main的ARIA角色，所以有直接映射期望。

AT 用户可以快速导航到代表页面主要内容的 main 元素。如果您使用多个，那么这些用户可能永远不会看到它，因为他们不希望有超过一个主要内容块（正如 AT 用户所说，WHATWG 错误报告证实了这一点）。

HTML 验证器也会抛出一个错误，这可能是一个问题，也可能不是。

在大多数情况下，多个 article 元素可以嵌套在一个 main 中以实现样式挂钩的预期效果。

我没有足够的代表指向 post 超过 2 个链接，否则我会提供更多 material。

我可以在同一页面中使用多个 "main" html 标签吗？

Can I use more than one "main" html tag in the same page?

html

semantics