让我从我的网络开发环境中的“限制”开始。
1.) 网站必须在 IE7 中运行。
2.) 网站必须适用于非 js 浏览器。
我的情况是SEO很重。在这种情况下，谷歌排名就是一切。
HTML 5 添加了文章、页眉、页脚等标签，据我了解，这些标签可以提高 SEO。
话虽如此，我的两个限制使这些标签的实现更加困难，如果不是不可能的话。我知道 shim 选项，但是，对于不使用 JS 的用户，这些选项是不可能的，因为它们不是真正的解决方案。
一个想法突然出现在我的脑海中，我想就它是否可能得到一些反馈。请参阅下面的代码：
HTML：
<header><div class="header">Header content</div></header>
CSS：
header, .header { identical properties }
这会是一个可能的解决方案吗？
如果是这样，在标记中将 header 标签或 div 标签放在首位是否明智？我最初的想法是 HTML 5 元素，以确保它被搜索引擎扫描。
If you really want to include the header tag, then that looks like a good solution.
The only advice I can add is to make sure that the "identical properties" for your header tag and .header class don't contain attributes like padding or margins because these attributes may be applied to both the header and .header in browsers that support HTML5 (effectively doubling the padding or margins).
此外，META 标签对 SEO 也很有用，所以也不要忘记这些！
没有证据表明 , , 等标记的 SEO 效果。article关于header它们footer有很多猜测。
像您描述的那样使用冗余标记是无害的，但与简单元素相比，它不会产生任何有形的收益div（如果有的话，它们反过来仅用于样式或脚本编写）。嵌套的顺序无关紧要，但由于新元素基本上是用于文档目的，因此将它们用作外部元素和div内部元素会更自然。