在语义上对于HTML，您认为标头标签的正确用法

Question

我认为这是一个纯粹的语义问题，可以解决我们目前正在进行的争论。下面的哪个代码段在语义上是正确的，或者它们都是正确的。你会用哪个？

<div id="header">
<header>

</header>
</div>

或：

<header>
<div id="header">

</div>
</header>

Answer 1

如果你正在使用HTML5和现代化器或类似的东西那么为什么你会有div。只需设置标题标签的样式。如果您无法使用HTML5，那么只需坚持使用div。使用两者似乎是多余的。

Answer 2

如http://html5doctor.com/the-header-element/

中所述

  

根据规范，标题元素代表一组介绍性或导航性辅助工具。标题元素通常包含节的标题（h1-h6元素或hgroup元素），但也可以包含其他内容，例如目录，搜索表单或任何相关徽标。

因此，对于网站标题（或者对于section元素的介绍性内容），<header>元素很好，语义比常规<div>更多。

所以你的第二个例子更合适，但id不是造型用途所必需的。 header > div可以设置样式