Правильный 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> в первом разделе, и эти два раздела равноправны.