在html文档/ Page </main>中可以使用多少个<main>主标记

时间:2014-12-28 08:49:03

标签: html5

我的html页面可以添加多少个主要标签。添加多个主标签(每页一个)是否有任何限制?

这是使用主标签的正确方法吗?

<body>
  <header></header>
  <aside></aside>
  <main>
    <section></section>
    <main>is this correct!!!</main>
  </main>
  <footer></footer>

4 个答案:

答案 0 :(得分:4)

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

  

作者不得在文档中包含多个主要元素。source

作者不得将主要元素包含为articleasidefooterheadernav元素的子元素。

答案 1 :(得分:2)

仅一次

这是一篇关于HTML5 DOCTOR的精彩文章。

  

它应该包含文档或应用程序的主要内容。其最重要的目的是“将ARIA的标志性角色主要映射到HTML中的元素。”

它不能用作<article>, <aside>, <footer>, <header>, or <nav>元素的后代。

这是典型用法的一个例子。

<body>
<header role="banner"></header>
<main id="content" class="group" role="main">

<!-- main content -->

</main>
<footer role="contentinfo"></footer>
</body>

答案 2 :(得分:1)

  

它不能超过一次,不应该是任何这些元素<article><aside><footer><header>的后代,或<nav>

<main>标记的目的是指定文档主要内容。因此,应该将main容器从其语义中清除,并且应该在HTML文档中使用一次。

浏览器支持: 除了优秀的IE

之外,<main>标记在所有现代浏览器中都有相当不错的支持

有关示例的详细信息,您可以阅读 here (w3schools)。

答案 3 :(得分:0)

实际上,这有点令人困惑。

MDN状态:

“文档中不得包含多个未指定隐藏属性的

元素。”

这实际上是我的主意:拥有更多主菜单,其中只有一个可见,其余隐藏,因此最终的导航栏可以切换“页面”。

我认为这是MDN这么说的原因,尽管与W3C规范相冲突,但这将是一个非常有效的用例。