html - h2 在 h1 之前。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 或 Outliner），这些工具会给出：
1. 顶部标题 (h2) 2. 页面标题 (h1)

但是页面的真正结构应该是：
1. Title (h1) 1.1. 顶部标题 (h2)

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

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

score 2 · Accepted Answer

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

score 0 · Accepted Answer

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

问题不在于设计，您实际上不应该将标签保留为默认样式。

2 回答 2