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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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

Attributs

Cet élément prend uniquement en charge les attributs universels.

Exemple

Veuillez consulter la page <figure> pour des exemples sur <figcaption>.

Spécifications

Specification
HTML
# the-figcaption-element

Compatibilité des navigateurs

Voir aussi