Задать вопрос
@cubooks
Web-developer

Какой тег HTML5 выбрать?

Здравствуйте! У меня возник вопрос.

Например имеем документ:

<!DOCTYPE html>
<html>
    <head>...</head>
    <body>
         <section class="index">
                <header><h1>Здесь главный заголовок страницы</h1></header>
          </section>

           <section class="about">
                 <hgroup><h1>О нас</h1></hgroup>
                 <!--...or-->
                 <header><h1>О нас</h1></header>


                 <article>...</article>
           </section>
    </body>
</html>


Что будет правильнее выбрать для секции about: hgroup или header? Или это не имеет значения?
  • Вопрос задан
  • 2369 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 2
Для начала отмечу, что нет необходимости оборачивать заголовок в дополнительный тэг в вашем случае.
Рассмотрим варианты.

1. Заголовок и описание.
<header>
    <h2>Заголовок</h2>
    <p>Описание к заголовку</p>
</header>

Так как описание является продолжением заголовка в семантическом смысле, мы должны объединить их в одно смысловое целое, сохранив при этом разделение собственно заголовка и описания. Для этого используется тэг header, который, согласно спецификации, служит контейнером для создания шапки какого-либо элемента (не заголовка, а шапки).

2. Несколько заголовков.
<hgroup>
    <h1>Титульный заголовок</h1>
    <h2>Подзаголовок</h2>
</hgroup>

Так как у нашей секции несколько заголовков разного веса, их так же стоит семантически связать. Для этой цели можно использовать hgroup, который, согласно спецификации, служит для группирования нескольких заголовков. Но, так как его убрали из спецификации, полагаю, эту роль возьмет на себя header.

3. Ваш вариант.
<h2>Заголовок</h2>
Заметьте, у вас всего лишь один элемент, который не требует группировки с чем-либо. Он самодостаточен, и по смыслу соотносится с секцией, в которой находится. Нет никакого смысла выделять ему дополнительный контейнер в данном случае.
Ответ написан
YardalGedal
@YardalGedal
yeah boy
Hgroup:
Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются теги заголовков от до . Данный тег исключён из версии HTML от W3C, но остался в версии WHATWG, будущее элемента пока не определено.


Header:
Тег задает «шапку» сайта или раздела, в которой обычно располагается заголовок.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
paradokso
@paradokso
Начинающий фронт-эндер
Сначала вводим в гугл названия тегов. ПОтом читаем в выдаче htmlbook.ru/html/hgroup
Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются теги заголовков от до . Данный тег исключён из версии HTML от W3C, но остался в версии WHATWG, будущее элемента пока не определено.
Потом читаем htmlbook.ru/html/header : Тег задает «шапку» сайта или раздела, в которой обычно располагается заголовок.

А теперь ответьте - зачем оборачивать заголовки в дополнительные теги? Вам же не за количество символов деньги платят?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы