Тег hgroup в HTML: что это такое?

Синтаксис тега hgroup

<hgroup>
  <h1>Основной заголовок</h1>
  <h2>Подзаголовок</h2>
</hgroup>

Атрибуты тега hgroup

Тег hgroup поддерживает только глобальные атрибуты.

Примеры использования тега hgroup

Заголовок с подзаголовком

<hgroup>
  <h1>Война и мир</h1>
  <h2>Том первый</h2>
</hgroup>

Заголовок с альтернативным названием

<hgroup>
  <h1>Евгений Онегин</h1>
  <h2>Роман в стихах</h2>
</hgroup>

В составе статьи

<article>
  <hgroup>
    <h1>10 способов улучшить код</h1>
    <h2>Практические советы для разработчиков</h2>
  </hgroup>
  <p>Содержание статьи...</p>
</article>

Советы по использованию тега hgroup

• Используйте hgroup только когда у основного заголовка есть подзаголовок или альтернативный заголовок.
• Внутри hgroup размещайте только теги заголовков (h1-h6).
• Старайтесь использовать не более двух уровней заголовков внутри одного hgroup.
• Помните, что hgroup не создает новый раздел в структуре документа.
• Используйте осмысленную иерархию заголовков внутри hgroup.

Часто задаваемые вопросы (FAQ)

1 Для чего используется тег hgroup?

Тег hgroup используется для группировки заголовков разных уровней, когда у основного заголовка есть подзаголовок или альтернативный заголовок.

2 Какие элементы можно помещать внутрь hgroup?

Внутри hgroup можно размещать только заголовки h1-h6. Другие элементы использовать нельзя.

3 Можно ли использовать несколько h1 внутри hgroup?

Технически это возможно, но не рекомендуется. Лучше использовать один h1 в качестве основного заголовка и заголовки более низкого уровня для подзаголовков.

Заключение

Тег hgroup является полезным семантическим элементом HTML для группировки связанных заголовков. Правильное использование этого тега помогает лучше структурировать контент и делает его более понятным как для пользователей, так и для поисковых систем.

Для получения дополнительной информации о теге hgroup, рекомендуем ознакомиться с официальной документацией на MDN.