我在互联网上找到的所有例子都提到在<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规范。