Question

我在互联网上找到的所有示例都指的是在<h1>内使用<section>，但与使用<header>元素无关。

它是有效的HTML5，但是语义呢？

也许我在滥用<section>元素，因为这里的完整性是我的用例：

<main role="main">
  <header>page header</header>
  <section id="cookiesPolicy>
    <header>
      <h1>Cookies Policiy</h1>
    </header>
    <div>Bla bla bla bla bla bla bla</div>   
  </section>    
  <footer>page footer</footer>
</main>

Answer 1

是的，在header

中使用section在语义上是正确的

标题 - header元素与之间存在重要区别 header（或标头）的一般接受用法。通常都有页面中只有一个header或“标头广告”。在HTML5中，您可以拥有尽可能多的内容如你所愿。该规范将其定义为“一组介绍或导航设备“。您可以在自己网站上的任何header中使用section。事实上，您可能应该在大部分内容中使用header 部分。该规范将section元素描述为“主题内容分组，通常带有标题。“

Source

您还可以查看header W3规范here

Answer 2

header是：

最近的祖先切片内容或切片根元素的介绍性内容。

section是一个有效的切片内容，因此header在语义上是正确的 - 甚至是鼓励 - 在这个位置。

引自this HTML5 Doctor页面，实际上直接引用the HTML5 spec。

在<section>中使用<header>在语义上是否正确？

2 个答案: