--- title:
slug: Web/HTML/Element/hgroup tags: - Element - HTML - Reference - Web translation_of: Web/HTML/Element/hgroup --- {{HTMLRef}} L'élément HTML **`
`** représente un titre de plusieurs niveaux pour une section d'un document. Il regroupe un ensemble d'éléments [`

–

`](/fr/docs/Web/HTML/Element/Heading_Elements). {{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}} ## Attributs Cet élément inclut uniquement [les attributs universels](/fr/docs/Web/HTML/Attributs_universels). ## Notes d'utilisation > **Note :** l'élement `
` a été retiré de la spécification HTML5 (W3C) mais est toujours inscrit dans la version WHATWG de HTML. Il est partiellement implémenté dans la plupart des navigateurs et à ce titre, il est peu probable qu'il disparaisse. > Cependant, le but d'un élément `
` est d'affecter la façon dont les titres sont affichés [par l'algorithme de mise en plan défini dans la spécification HTML](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm). **Cet algorithme n'est pas implémenté dans la plupart des navigateurs** et la sémantique de l'élément `
` est donc uniquement théorique. > La spécification HTML5 (W3C) fournit quelques indications pour baliser [les sous-titres et les titres alternatifs](https://www.w3.org/TR/html52/common-idioms-without-dedicated-elements.html#common-idioms-without-dedicated-elements) sans requérir à `
`. L'élément `
` permet de regrouper le titre principal d'une section avec son (ou ses) sous-titre(s) afin d'obtenir un titre sur plusieurs niveaux sémantiques. Autrement dit, l'élément `
` évite que l'utilisation d'éléments [`

–

`](/fr/docs/Web/HTML/Element/Heading_Elements) secondaires crée différentes sections dans le plan (ce qui est le résultat obtenu normalement lorsque [`

–

`](/fr/docs/Web/HTML/Element/Heading_Elements) sont utilisés hors d'un `
`). Dans le plan d'un document, obtenu par [l'algorithme défini dans la spécification HTML](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm), l'élément `
` forme une seule entité logique contenant l'ensemble des éléments-fils [`

–

`](/fr/docs/Web/HTML/Element/Heading_Elements) du `
` et qui fait donc apparaître une seule section pour ce groupe de titres dans le plan. Pour afficher le contenu d'un tel titre, l'agent utilisateur doit choisir comment représenter l'élément `
` afin d'exprimer notamment les différents niveaux. Voici quelques exemples des approches qui seraient possibles : - Un élément `
` peut afficher un titre où les deux points (:) sont utilisés comme séparateur entre le titre principal et le premier titre secondaire - Un élément `
` peut afficher le titre principal, suivi du/des titre(s) secondaires entre parenthèses Prenons ce document HTML par exemple : ```html HTML Standard

HTML

Living Standard — Last Updated 12 August 2016

Some intro to the document.

Table of contents

    ...

First section

Some intro to the first section.

``` Le rendu de ce document pourrait être : ![](outline-colon.png) Où on voit que le titre principal est suivi de deux points puis d'un espace avant le titre secondaire, _Living Standard — Last Updated 12 August 2016_. On pourrait également avoir cet affichage : ![Plan rendu en incluant un élément
, avec des parenthèses autour du titre secondaire](outline-paren.png) Ici, le titre secondaire est placé entre parenthèses après le titre principal. ## Exemples ### HTML ```html

HTML

Living Standard — dernière mise à jour le 12 août 2016

``` ### Résultat {{EmbedLiveSample("Exemples")}} ## Résumé technique
Catégories de contenu Contenu de flux, contenu de titre, contenu tangible.
Contenu autorisé Un ou plusieurs éléments {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}.
Omission de balise {{no_tag_omission}}
Parents autorisés Tout élément qui accepte du contenu de flux.
Rôles ARIA autorisés {{ARIARole("tab")}}, {{ARIARole("presentation")}}
Interface DOM {{domxref("HTMLElement")}}
## Spécifications | Spécification | État | Commentaires | | ------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------ | | {{SpecName('HTML WHATWG', 'semantics.html#the-hgroup-element', '<hgroup>')}} | {{Spec2('HTML WHATWG')}} |   | ## Compatibilité des navigateurs {{Compat("html.elements.hgroup")}} ## Voir aussi - Les autres éléments HTML relatifs aux sections du document : {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}} - [Les sections et le plan d'un document HTML5](/fr/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document)