在h1之前的h2。 HTML5概述

Question

我有一个页面的标题，我给它一个h1。然后我有一个小文本，解释标题中主题的上下文。在这里我使用h2。但在这种情况下，我更喜欢把h2放在h1之前。我认为从设计和概念的角度来看这更好。

<h2 id="topTitle"> Top title. Explains the context of the title </h2>
<h1 id="title"> Title of the page </h1>

<p> Some text in a paragraf </p>

如果我使用轮廓工具（Chrome或大纲视图），这个工具会给出： 1.最高标题（h2） 2.页面标题（h1）

但页面的真实结构应该是：
1.标题（h1）       1.1。最高标题（h2）

我知道如果我把h2放在h1之后，我可以反映页面的真实结构。但是将标题放在标题之前，有助于向网络用户解释不同的内容。介绍性标题很有用。

我应该如何很好地反映大纲中的顶级标题或介绍性标题？

Answer 1

你可以简单地将topTitle标记为标题并仅应用一些样式（如大粗体字体）使其看起来“正确”。提取结构的工具会跳过它，但我认为当它是解释标题的介绍时，这是正确的做法。

Answer 2

您的结构没有问题（对于SEO）。 如果页面上没有h3，请尽量不要跳过某个级别，如h2后的h4。

问题不在于设计，你真的不应该用你的默认样式保留你的标签。