在里面使用在语义上是正确的<header><section>吗?



我在互联网上找到的所有例子都提到在<section>中使用<h1>,但与<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>

是的,在语义上是正确的header section

header – header元素和header(或刊头(的一般接受用法。通常有一个页面中只有一个header或"刊头"。在HTML5中,你可以拥有尽可能多的如你所愿。规范将其定义为"一组介绍性或导航辅助工具"。您可以在网站上的任何section中使用header。事实上,您可能应该在大部分中使用header部分。该规范将section元素描述为"主题内容分组,通常带有标题。

您还可以在此处查看header W3 规格

header是:

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

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

引用自这个HTML5 Doctor页面,它实际上直接引用了HTML5规范。

最新更新