<header> 标签是纯语义的还是我可以像使用 <div> 标签一样使用它并设置它的样式？答案

【问题标题】：Is the <header> tag purely semantic or can i use it like a <div> tag and style it?<header> 标签是纯语义的还是我可以像使用 <div> 标签一样使用它并设置它的样式？
【发布时间】：2017-12-05 13:46:51
【问题描述】：

由于 HTML5 引入了一些新标签，例如 header、footer、aside、nav 等。我想知道将这些标签用作 div 标签是否是一种好习惯？

让我解释一下：

我想在我的网站上有一个固定菜单，当用户向下滚动页面时，它保持固定在顶部，所以我创建了一个标题标签，然后我使用 CSS 并给它一个位置：固定；并给它一些其他规则...

^这是推荐的吗？（给标题标签一些样式）还是标题标签仅用于标记目的？

我应该在标题标签内创建一个 div 标签并设置该 div 标签的样式吗？还是只设置标题标签的样式就可以了？

<header>

</header>

或

<header>
 <div id="header>

 </div>
</header>

这个问题也适用于页脚标签和那些用于标记的新 HTML5 标签。

【问题讨论】：

我认为this question 可能是重复的（不是同一个问题，但答案是一样的）。

标签： html header markup

【解决方案1】：

header 标签可以像 div 标签一样直接设置样式。只需为标题提供 id/class，就像为 div 标签提供 id/class 一样。

如果你打算在顶部做一个固定的导航栏，我建议使用导航标签而不是标题。

如果我错了，请纠正我

【讨论】：

【解决方案2】：

标题标签通常包含标题标签（不受限制）。您还可以使用目录、徽标等元素。

您还可以设置标题样式

但是在像 (IE

我认为不需要标签。

【讨论】：