<figcaption> : l'élément de légende d'une figure

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<figcaption> représente une légende décrivant le reste du contenu de son élément parent<figure>.

Exemple interactif

<figure>  <img    src="/shared-assets/images/examples/elephant.jpg"    alt="Elephant at sunset" />  <figcaption>An elephant at sunset</figcaption></figure>

figure {  border: thin #c0c0c0 solid;  display: flex;  flex-flow: column;  padding: 5px;  max-width: 220px;  margin: auto;}img {  max-width: 220px;  max-height: 150px;}figcaption {  background-color: #222;  color: #fff;  font: italic smaller sans-serif;  padding: 3px;  text-align: center;}

Catégories de contenu	Aucune.
Contenu autorisé	Contenu de flux.
Omission de balises	Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés	Un élément`<figure>`, l'élément`<figcaption>` doit être le premier ou le dernier élément fils pour cet élément`<figure>`.
Rôle ARIA implicite	Pas de rôle correspondant
Rôles ARIA autorisés	`group`,`none`,`presentation`
Interface DOM	`HTMLElement`