Question

在使用HTML5时，我只有一个关于标题层次结构的快速问题，尤其是部分。我是从SEO的角度问的。

此时我的标记看起来像这样：

<article>

<header><h1>Article Header</h1></header>
<!-- Bla bla -->
<section>
<header><h1>Article section 1</h1></header>
<!-- Bla bla -->
</section>

<section>
<header><h1>Article section 2</h1></header>
<!-- Bla bla -->
<h2>Article section 2 Sub 1</h2>
<!-- Bla bla -->
</section>

<section>
<header><h1>Article section 3</h1></header>
<!-- Bla bla -->
</section>

</article>

我提出的问题是关于<h1>Article section 2</h1>和<h1>Article section 3</h1>以及介于两者之间的代码。

其outline符合预期：

hmtl5 outline http://i51.tinypic.com/34pi1hk.jpg

但是当看到没有CSS的网站时，我看到了这个： no css http://i56.tinypic.com/15nt105.jpg

正如你在第二张图片中看到的那样，似乎<h2>Article section 2 Sub 1</h2>被赋予了更多的“重要性”，尽管它只是另一个子部分的h2（就像在轮廓中显示的那样）。

现在我想知道我是否可以放心地忽略这一点，或者谷歌可能还认为<h2>Article section 2 Sub 1</h2>比前一个和下一个h1标题更重要？显然，我希望确保<h2>Article section 2 Sub 1</h2>的重要性低于上一个和下一个h1标题。

我希望我能够解释我想弄清楚的内容！

Answer 1

就SEO而言，呈现页面的顺序从未意味着什么。与放置在其中的上下文中的h2相比，h1将始终被赋予更多的重要性。

Answer 2

首先，HTML5向后兼容HTML4。

您可以使用旧式h2 +标签
或只是切片内容和h1标签
或两者，在同一页面！

但首先是默认样式以保持与旧页面的向后兼容性，然后实现html5-sectioning的默认样式

您的代码没有错，您只需要重置样式。

我非常肯定这是因为我读过关于mozilla的bugzilla的一些讨论

希望这有帮助！

HTML5标头层次结构

2 个答案: