Question

我想要一个跨越页面整个宽度的标题，而内容的宽度有限，就像这个stackoverflow页面顶部的栏一样。

我可以使用：

<header>
    <div id="contents">
        blah blah
    </div>
</header>

或者我可以使用：

<div id="contents">
    <header>
        blah blah
    </header>
</div>

从语义的角度来看，是否有一个更好的选择？

由于

Answer 1

从语义的角度来看......你的内容容器确实需要成为标题的父级或子级 - 他们不能是兄弟姐妹吗？另外，如果您对语义感兴趣，我会考虑使用内容容器的部分标记，而不是使用 id = content 的 div 。所以，我会想象这样的事情：

<header>...</header>
<section>...</section>