<hgroup>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML-элемент <hgroup> представляет заголовок и связанное с ним содержимое. Он группирует одиночные элементы <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;
}

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

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

Категория информации Flow content, heading content, palpable content.
Permitted content One or more <h1>, <h2>, <h3>, <h4>, <h5>, and/or <h6>.
Tag omission
Permitted parent elements Any element that accepts flow content.
DOM interface HTMLElement

Примеры

html
<hgroup>
  <h1>Главный заголовок</h1>
  <h2>Вторичный заголовок</h2>
</hgroup>

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

Specification
HTML
# the-hgroup-element

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

BCD tables only load in the browser

Смотрите также