这是一个我认为纯粹是语义问题的问题,用来解决我们目前的争论。下面的哪个代码片段在语义上是正确的,或者它们都是正确的。你会用哪一个?
<div id="header">
<header>
</header>
</div>
或:
<header>
<div id="header">
</div>
</header>
如果您使用的是HTML5和modernizer或类似的东西,那么为什么要使用div呢。只需设置页眉标记的样式即可。如果你不能使用HTML5,那就坚持使用div。两者都用似乎是多余的。
如中所述http://html5doctor.com/the-header-element/
根据规范,header元素表示一组介绍性或导航辅助工具。header元素通常包含节的标题(h1-h6元素或hgroup元素),但也可以包含其他内容,如目录、搜索表单或任何相关徽标。
因此对于站点标题(或者对于部分元素的介绍内容),<header>
元素是精细的并且比常规<div>
具有更多的语义。
因此,您的第二个示例更为合适,但id对于样式设计而言不是必需的。header > div
可以将其设置为