<hgroup>: Das Element Heading Group

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.

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

Probieren Sie es aus

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungshinweise

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

Das <hgroup> selbst hat keinen Einfluss auf die Dokumentstruktur einer Webseite. Vielmehr trägt die einzelne zulässige Überschrift innerhalb des <hgroup> zur Dokumentstruktur bei.

Beispiele

html
<!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>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Überschrifteninhalt, greifbarer Inhalt.
Zulässiger Inhalt Null oder mehr <p>-Elemente, gefolgt von einem h1, h2, h3, h4, h5 oder h6-Element, gefolgt von null oder mehr <p>-Elementen.
Tag-Auslassung Keine, sowohl das eröffnende als auch das schließende Tag sind zwingend erforderlich.
Zulässige Eltern Jedes Element, das Flussinhalt akzeptiert.
Implizierte ARIA-Rolle group
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-hgroup-element

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hgroup

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch