Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Semantiek en indeling

Het element <hgroup>

Het <hgroup>-HTML-element stelt een heading en gerelateerde inhoud voor. Het groepeert één <h1>–<h6>-element met een of meer <p>-elementen.

Code
<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>
Resultaat in de browser

Attributen

Dit element bevat alleen de globale attributen.

Gebruiksopmerkingen

Het <hgroup>-element maakt het mogelijk om een heading te groeperen met secundaire inhoud, zoals subkoppen, een alternatieve titel of tagline. Elk van deze soorten inhoud wordt binnen de <hgroup> weergegeven als een <p>-element.

De <hgroup> zelf heeft geen invloed op de documentoverzicht van een webpagina. De enige toegestane heading binnen de <hgroup> draagt echter wel bij aan het documentoverzicht.

Voorbeelden

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>

Resultaat

Technische samenvatting

Content categories Flow content, heading content, palpable content.
Permitted content Zero or more <p> elements, followed by one h1, h2, h3, h4, h5, or h6 element, followed by zero or more <p> elements.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parents Any element that accepts flow content.
Implicit ARIA role group
Permitted ARIA roles Any
DOM interface HTMLElement

Zie ook

Verwante elementen