`<hgroup>` Группирующий заголовки элемент HTML

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Элемент <hgroup> HTML представляет заголовок и связанное с ним содержимое. Он объединяет один элемент <h1>–<h6> с одним или несколькими элементами <p>.

Попробуйте

<hgroup>
  <h1>Frankenstein</h1>
  <p>Or: The Modern Prometheus</p>
</hgroup>
<p>
  Victor Frankenstein, a Swiss scientist, has a great ambition: to create
  intelligent life. But when his creature first stirs, he realizes he has made a
  monster. A monster which, abandoned by his master and shunned by everyone who
  sees it, follows Dr Frankenstein to the very ends of the earth.
</p>

hgroup {
  text-align: right;
  padding-right: 16px;
  border-right: 10px solid #00c8d7;
}

hgroup h1 {
  margin-bottom: 0;
}

hgroup p {
  margin: 0;
  font-weight: bold;
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

Примечания по использованию

Элемент <hgroup> позволяет группировать заголовок с любым дополнительным содержимым, например подзаголовками, альтернативным заголовком или слоганом. Каждый из этих типов содержимого представлен элементом <p> внутри <hgroup>.

Сам элемент <hgroup> не влияет на структуру документа веб-страницы. Вместо этого единственный допустимый заголовок внутри <hgroup> учитывается в структуре документа.

Примеры

<!doctype html>
<title>HTML Standard</title>
<body>
  <hgroup id="document-title">
    <h1>HTML: Living Standard</h1>
    <p>Last Updated 12 July 2022</p>
  </hgroup>
  <p>Some intro to the document.</p>
  <h2>Table of contents</h2>
  <ol id="toc">
    …
  </ol>
  <h2>First section</h2>
  <p>Some intro to the first section.</p>
</body>

Результат

Техническая сводка

Категории содержимого	Потоковое содержимое, содержимое заголовка, ощутимое содержимое.
Допустимое содержимое	Ноль или более элементов `<p>`, за которыми следует один элемент h1, h2, h3, h4, h5 или h6, после которого следует ноль или более элементов `<p>`.
Опускание тегов	Не допускается: открывающий и закрывающий теги обязательны.
Допустимые родительские элементы	Любой элемент, допускающий потоковое содержимое.
Неявная роль ARIA	`group`
Допустимые роли ARIA	Любые
Интерфейс DOM	`HTMLElement`

Спецификации

Спецификация
HTML> # the-hgroup-element>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`hgroup`	5	12	4	11.1	5	18	4	11.1	4.2	1.0	2.2	4.2

См. также

Другие элементы, связанные с разделами: <body>, <article>, <section>, <aside>, h1, h2, h3, h4, h5, h6, <nav>, <header>, <footer>, <address>;
Разделы и структура HTML-документа.

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/hgroup

<hgroup> Группирующий заголовки элемент HTML