Правильный HTML 5 Структура статьи - PullRequest
Новая
       3

Правильный HTML 5 Структура статьи

1 голос
/ 14 октября 2011

Надеюсь, вопрос не слишком общий, но мне нужен совет:

Какой из следующих примеров вы считаете правильным?

Номер 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, но я не совсем уверен: /

1 Ответ

0 голосов
/ 14 октября 2011

1 и 2 эквивалентны. Используйте то, что вы предпочитаете. Неявный раздел, запущенный <h2>, равен внутри явного раздела.

3 семантически отличается. <h2> во втором разделе имеет тот же рейтинг, что и <h1> в первом разделе, и эти два раздела являются равноправными.

...