Thanks to visit codestin.com
Credit goes to developer.mozilla.org

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

<hgroup>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 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

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

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