<hgroup>: Das Heading Group-Element

Baseline Widely available

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

Das<hgroup>-ElementHTML repräsentiert eine Überschrift und verwandten Inhalt. Es gruppiert ein einzelnes<h1>–<h6>-Element mit einem oder mehreren<p>.

Probieren Sie es aus

<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;}

Attribute

Dieses Element umfasst nur dieglobalen Attribute.

Das<hgroup>-Element ermöglicht die Gruppierung einer Überschrift mit jeglichem sekundären Inhalt, wie z.B. Unterüberschriften, einem alternativen Titel oder einem Slogan. Jede dieser Inhaltsarten wird als<p>-Element innerhalb des<hgroup> dargestellt.

Das<hgroup> selbst hat keinen Einfluss auf die Dokumentgliederung einer Webseite. Vielmehr trägt die im<hgroup> erlaubte einzelne Überschrift zur Dokumentgliederung bei.

Beispiele

html

<!doctype html><title>HTML Standard</title><body>  <hgroup>    <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>    …  </ol>  <h2>First section</h2>  <p>Some intro to the first section.</p></body>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Flussinhalt, Überschrifteninhalt, greifbarer Inhalt.
Zulässiger Inhalt	Null oder mehr`<p>`-Elemente, gefolgt von einemh1,h2,h3,h4,h5, oderh6-Element, gefolgt von null oder mehr`<p>`-Elementen.
Tag-Auslassung	Keine, sowohl der Start- als auch der Endtag sind erforderlich.
Zulässige Eltern	Jedes Element, dasFlussinhalt akzeptiert.
Implizite ARIA-Rolle	`group`
Zulässige ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)