我可以在同一页面中使用多个“主要” 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

简短的回答是，可以。 但是， W3C规范禁止使用它，而WHATWG规范允许使用它。 由于main元素的作者写了W3C版本，并且与WHATWG的解释不一致，所以我在此推迟。 还有一个开放的错误，使WHATWG规范与W3C规范保持一致。

但是，您不应该将main的最佳用途用于支持辅助技术（AT）（例如屏幕阅读器）。 它还映射到main的ARIA角色，因此具有直接映射期望。

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

此外，HTML验证程序将引发错误，这可能会或可能不会引起关注。

在大多数情况下，多article元素可以嵌套内的main实现为定型钩期望的效果。

我的代表点不足以发布两个以上的链接，否则我会提供更多材料。

Answer 2

我认为不是-文档中不得包含多个<main>元素。 <main>元素不能是<article> ， <aside> ， <footer> ， <header>或<nav>元素的后代。

Answer 3

每页只能使用一次。 在这里看到这个链接

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

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

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

Answer 4

这是路线

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