Html 标题元素的正确使用

我知道最重要的标题必须使用

、子标题

等等，但我的问题是

和

是否可以是同级的，或者

-元素是否总是需要比

更靠下的层次结构

<h1>Top Headline</h1>
<p>Some paragraph</p>
<h2>Sub-Headline</h2>
<p>Some paragraph</p>

头条标题
某段

副标题
某段

（这样可以吗？）

或者它是否需要像以下一样才能正确使用

<div>
    <h1>Top Headline</h1>
    <p>some paragraph</p>
    <div>
        <h2>Subheadline</h2>
        <p>some paragraph</p>
    </div>
</div>

头条
某段

副标题
某段

没有这样的规则，你必须在
之后写
，你可以选择你喜欢的任何一个，大小才是最重要的。如果您想要大标题，请选择
 这（后一个示例）根本不是好代码，但它有时可以工作。使用这个是毫无意义的。与此之后的代码片段相比，执行以下代码要好得多：


头条标题
某段

副标题
某些段落
一个
h2
不应位于
h1
（即作为子元素）或类似的段落中。你的代码基本上没问题。一般来说，它需要使用整个层次结构，如h3仅在h2之后，总是以
h1
开始，不跳过任何级别等。这与布局无关（这可以通过CSS和类随意更改），但特别是对于可访问性和SEO

另外：div在语义方面不算什么（它们没有层次结构或语义功能），因此您的第二个示例与第一个示例相同。
h1
和
h2
可以完全是兄弟。我通常将h1用于我的大标题（通常像页面标题或有时是章节标题），然后将h2、h3、h4等用于其他各种层次结构元素。你的两个例子都很好，而且都很普遍。我不认为有一个正确或错误的方法来构造你的标题元素

注意：我相信标题标签在搜索引擎优化方面起到了很小的作用，所以这可能是值得研究的。我知道的还不够多，无法对此做出评论
 第一个示例在语义上很好。阅读更多内容：@Ape“正确使用”是什么意思？@Ape您的第一个样本非常好