HTML/Elemente/hgroup

Das hgroup-Element stellt eine Überschrift und den zugehörigen Inhalt dar. Das Element kann verwendet werden, um ein h1-h6-Element mit einem oder mehreren p-Elementen zu gruppieren, die Inhalte enthalten, die eine Unterüberschrift, einen alternativen Titel oder eine Tagline darstellen.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

WAI‑ARIA‑Rolle

• generic

Elternelemente

Darf vorkommen in:

• Elementen mit flow content
• aber nicht in Elementen, die Überschriften-Inhalt ausschließen (address)

erlaubte Inhalte

• genau ein Überschrift-Element (h1 bis h6)
• davor und dahinter null oder mehr p-Elemente
• beliebig script und template-Elemente

Beispiel

<hgroup>
 <h1>Dr. Strangelove</h1>
 <p>Or: How I Learned to Stop Worrying and Love the Bomb</p>
</hgroup>

Beachten Sie:

• Das hgroup-Element wurde vom W3C nicht in den HTML5-Standard übernommen und galt deshalb fälschlicherweise als obsolet. Es ist aber in der Spezifikation der WHATWG enthalten.
• Der W3C Validator (Nu Html Checker) hat derzeit (2022) einen Bug und bemängelt den Gebrauch von p-Elementen in hgroup.

Empfehlung: hgroup mit nur einer Überschrift sind semantisch sinnlos. Sie blähen nur das Markup unnötig auf und sollten weggelassen werden.

Siehe auch

• HTML/Tutorials/Seitenstrukturierung#Überschriften
• SELFHTML-Blog: mehrteilige HTML5-Serie 2013
• SELHTML-Blog: hgroup ist wieder da!

Weblinks

• Spezifikation (WHATWG): The hgroup-Element
• Subheadings, subtitles, alternative titles and taglines in HTML Steve Faulkner, July 19. 2022