<hgroup>

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

L'élément HTML <hgroup> représente un titre et son contenu associé. Il regroupe un élément <h1>-<h6> avec un ou plusieurs paragraphes <p>.

Exemple interactif

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

Attributs

Cet élément inclut uniquement les attributs universels.

L'élément <hgroup> permet de regrouper le titre principal d'une section avec du contenu secondaire associé, tel que son (ou ses) sous-titre(s), un titre alternatif ou un slogan. Chaque contenu de ce type sera représenté par un élément <p> au sein de l'élément <hgroup>.

L'élément <hgroup> en tant que tel n'a pas d'effet sur le plan (outline) d'une page web. C'est le titre intégré au sein de l'élément <hgroup> qui contribue au plan du document.

Exemples

html

<hgroup id="document-title"> <h1>HTML : standard évolutif</h1> <p>Dernière mise à jour le 12 juillet 2022</p> </hgroup> <p>Une introduction dans le document.</p> <h2>Table des matières</h2> <ol id="toc"> … </ol> <h2>Première section</h2> <p>Une introduction à la première section.</p>

Catégories de contenu	Contenu de flux, contenu de titre, contenu tangible.
Contenu autorisé	Zéro ou plusieurs éléments `<p>`, suivi par un élément de titre (`<h1-6>`), suivis par zéro ou plusieurs éléments `<p>`.
Omission de balise	Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés	Tout élément qui accepte du contenu de flux.
Rôle ARIA implicite	Aucun rôle correspondant
Rôles ARIA autorisés	Tous
Interface DOM	`HTMLElement`