<header>标签是纯粹语义的还是我可以像<div>标签一样使用它并设计样式吗?

时间:2017-12-05 05:17:13

标签: html5 header markup

由于HTML5引入了一些新的标签,例如页眉,页脚,旁边,导航等。我想知道使用这些标签是否是好的做法,就像它们是div标签一样?

让我解释一下:

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

^这是推荐的吗? (给标头标签一些样式) 或者标题标记仅用于标记目的?

我应该在header标签中创建div标签并设置div标签的样式吗?或者只是设置标题标签的样式?

<header>

</header>

OR

<header>
 <div id="header>

 </div>
</header>

此问题也适用于页脚标记和用于标记的新HTML5标记。

2 个答案:

答案 0 :(得分:0)

标头标记通常包含标题标记(不受限制)。您还可以使用目录,徽标等元素。

您还可以设置标题样式

但是在像(IE&lt; 9)这样的遗留浏览器中,将元素呈现为块级元素,您需要在CSS中将其显式声明为块,如下所示:header {display:block;}

我认为不需要标记。

答案 1 :(得分:0)

标题标记的样式可以与样式div标记相同。在给div标签提供id / class时,只需为标题提供id / class。

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

如果我错了,请纠正我