从语义上讲，您认为标题标签的正确用法是什么答案

【问题标题】：Semantically for HTML what do you think is the correct usage for the header tag从语义上讲，您认为标题标签的正确用法是什么
【发布时间】：2012-03-06 05:14:04
【问题描述】：

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

<div id="header">
<header>

</header>
</div>

或：

<header>
<div id="header">

</div>
</header>

【问题讨论】：

标签： html header semantics

【解决方案1】：

如http://html5doctor.com/the-header-element/中所述

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

所以对于站点标题（或对于部分元素的介绍性内容），<header> 元素很好，并且比常规 <div> 更具语义。

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

【讨论】：

【解决方案2】：

如果您使用的是 HTML5 和 Modernizer 或类似的东西，那您为什么还要使用 div。只需设置标题标签的样式。如果你不能使用 HTML5，那么就坚持使用 div。两者都使用似乎是多余的。

【讨论】：

我同意 div 标签是不必要的，但它被使用是因为标题标签上的样式在 IE 中给我们带来了问题。即使是现代化的。
我仍然在许多项目中避免使用 HTML5 的原因之一。