html - 正确的 HTML 5 文章结构

Question

我希望这个问题不是太笼统，但我需要一个建议：

您认为以下哪个示例是正确的？

1号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>

        <h2>Title 2</h2>
        <p>Content</p>

        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>

2号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>

        <header>
            <h2>Title 2</h2>
        </header>
        <p>Content</p>

        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>

3 号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
    <section>
        <header>
            <h2>Title</h2>
        </header>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>

我更喜欢第 1 个示例，但我不完全确定：/

Answer 1

1 和 2 是等价的。使用任何你喜欢的。由 开始的隐式部分<h2>位于显式部分内。

3 语义不同。第二节中的<h2>与第一节中的排名相同<h1>，并且两个部分是对等的。