<hgroup> - HTML-елемент групи заголовків

HTML-елемент <hgroup> використовується для групування заголовка (від <h1> до <h6>) з пов'язаним з ним контентом, таким як підзаголовки, альтернативні заголовки або слогани.

Елемент <hgroup> дозволяє згрупувати заголовок (<h1>-<h6>) з одним або кількома параграфами (<p>), які слугують підзаголовками або слоганами. Це допомагає структурувати складні заголовки, зберігаючи при цьому чистоту контуру документа, оскільки в контур документа входить лише основний заголовок.

HTML
<hgroup>
  <h1>Основний заголовок</h1>
  <p>Підзаголовок або слоган</p>
</hgroup>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, заголовковий контент, відчутний контент.
Дозволений вміст	Один елемент `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, або `<h6>`, за яким слідують один або більше елементів `<p>`.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає потоковий контент.
Роль ARIA	`group`
DOM інтерфейс	`HTMLElement`

Приклади використання

<hgroup>
  <h1>HTML: Мова гіпертекстової розмітки</h1>
  <p>Керівництво для початківців</p>
</hgroup>
<article>
  <p>HTML є основою будь-якої веб-сторінки...</p>
</article>

<header>
  <hgroup>
    <h1>Веб-технології</h1>
    <p>Все, що ви хотіли знати про сучасну розробку</p>
  </hgroup>
</header>

Стилі за замовчуванням

CSS
hgroup {
  display: block;
}

Підтримка браузерів



`<hgroup>`