在哪里添加HTML5标记？

假设您希望对站点的标题部分使用

标记

但目前您的标题由3个元素组成（由于与设计相关的原因），如：

...

---

那么这些div中的哪一个应该替换为

？这有关系吗？

HTML5新标签的目的是为文档添加语义。另一方面，像

这样的泛型元素之所以被保留下来，正是因为它们没有语义意义。它们非常适合在不影响语义结构的情况下添加视觉结构

---

元素应该包含语义头。我想冒昧地说，它很可能是最外层的元素，应该是

，因为所有涉及的元素显然都以某种方式支持标题，但只有您最了解文档的语义，因此您可以最好地具体回答。

这取决于您使用每个组件的目的。样式表是否需要所有三个类？你能找到一种方法来减少与你的设计相关的元素吗？你可能需要重新命名一点类或者移动一些东西。这三个都是。如果您以这种方式嵌套

div

元素，您（可能）做得不对。但是为什么呢？如果我需要3张背景图片来构建标题，我该如何做才能有所不同？@Alex所有浏览器（IE8除外）都支持

：）

，但我也需要网站在不酷的浏览器上看起来很好，比如IE 8和IE 7:P

<div id="header-wrap">
  <div id="header">
    <div id="header-content">

      ...

    </div>
  </div>
</div>