主要内部的单一部分

Question

主标签中的单个部分是可接受的还是多余的？

<main>
  <section>
    <section>
      ...
    </section>
    <section>
      ...
    </section>
  </section>
</main>

或者我应该将两个部分标记放在主要内容中......即使其中的所有内容都是可关联的。

此外，每个部分中都有<header>可以接受吗？它被归类为“一组入门或导航辅助工具”。但似乎如果我按照我所描述的那样使用它，它就像使用<h1>-<h6>一样。

Answer 1

<section>元素用于表示一组相关内容。嵌套这些标签不应该有任何问题。您还可以使用其他标签，例如<article>，<aside>等。使用这些元素背后的想法是为您的网页提供更多语义含义，允许计算机浏览器使用更好地了解您的内容。

如何嵌套它们以及在其中使用哪些标签没有限制。你可以在其中包含整套html标签（你可以使用h1-h6或其他元素）。

您可能想看一下这些文章：

1. How to Use The HTML5 Sectioning Elements
2. http://html5doctor.com/the-section-element/

Answer 2

1. 问题：section内的单main是多余的？

   这取决于您网页的语义含义。描述你的 自然语言所需的页面布局。如果你说“主要区域 有一个部分包含许多子部分“，然后你的HTML是 对钱。如果你说“主要区域被分解成一个 几个部分“，然后你的单section听起来像一个进化的形式 div-itis病毒 - 留下了很多垃圾的东西：包装， 容器，容器包装器，内容包装器，主内容包装器， 包装容器，包装包装......

2. 问题：每个部分都可以header吗？

   是。但再次，做上述自然语言试金石 确定它是否合适。

   <h1>-<h6>与<header>之间也存在一些混淆。将header视为一个部分中的“介绍部分”。您的标记中可能需要也可能不需要。如果该部分的介绍部分仅包含<h1>，则您应该省略<header>的使用;但如果您的介绍部分包含一些项目，例如标题，徽标，导航栏，然后将它们包装在<header>标签中可能是个好主意。