Можно ли использовать H1 после H2 в HTML5?

Question

Я проверял статью 20 + Профессиональные примеры сайтов Использование HTML5 , чтобы увидеть хорошее семантическое использование новых тегов HTML 5, и я обнаружил, что этот сайт http://bit.ly/bfgatc использует H2 до H1 в заголовке.

Это нормально в HTML5?

Answer 1

По моему мнению, ни у одного из них нет бизнеса, являющегося отдельным заголовком, и они определенно не должны быть в <hgroup>.Это один заголовок, и он должен быть внутри <header> или, может быть, даже в <section>.У них нет отдельных уровней;один из них больше, чем другой.Семантически неверно использовать эти два в любом порядке.

Поэтому я бы порекомендовал вместо:

<header>
    <nav>...</nav>
    <div>
        <hgroup>
            <h2>...</h2>
            <h1>...</h1>
        </hgroup>
    </div>
</header>

:

<nav>...</nav>
<header>
    <h1>I design user interfaces and strive for <strong>perfection.</strong></h1>
</header>

Answer 2

Элемент был удален из спецификации HTML5 (W3C). Как сказал Райан. Было бы лучше поместить его в тег.

Answer 3

Почему бы и нет?Спецификация для hgroup гласит:

Элемент hgroup обычно используется для группировки набора из одного или нескольких элементов h1-h6 - для группировки, например, заголовка раздела и сопроводительных субтитров.

Мне кажется, ясно, что заголовок раздела будет, например, H1, а подзаголовок - H2.

Для расширения: в этой ситуации это не совсем так.имеет смысл, но в целом технически в этом нет ничего плохого (хотя и немного странного).