Html 全宽页眉（或页脚）&；内容

我想要一个标题，它跨越了整个页面的宽度，而内容的宽度是有限的，很像在这个stackoverflow页面顶部的酒吧

我可以使用：

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

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

废话

或者我可以使用：

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

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

废话

从语义学的角度来看，有哪一个更可取

---

从语义的角度来看，谢谢。。。您的内容容器真的需要是标题的父级或子级吗？它们不能是同级吗？另外，如果您对语义感兴趣，我会考虑为您的内容容器使用部分标记，而不是id=content的div。所以，我会想象这样的情况：

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

。。。
...