L'élément HTML <figcaption> permet d'indiquer un sous-titre, une légende, associé à une figure ou à une illustration (cette dernière étant représentée par l'élément <figure> qui est le parent direct de la légende). L'élément <figcaption> est optionnel ; s'il n'est pas présent, la figure n'aura pas de légende.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
| Catégories de contenu | Aucune. |
|---|---|
| Contenu autorisé | Contenu de flux. |
| Tag omission | 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ôles ARIA autorisés | group, presentation |
| Interface DOM | HTMLElement |
Attributs
Cet élément prend uniquement en charge les attributs universels.
Exemples
HTML
<!-- Une image avec une légende : figcaption -->
<figure>
<img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="Une superbe photo">
<figcaption>Une légende pour cette photo</figcaption>
</figure>
Résultat
Note : Voir la page sur l'élément <figure> pour d'autres exemples portant sur <figcaption>.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<figcaption>' dans cette spécification. |
Standard évolutif | |
| HTML5 La définition de '<figcaption>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | 8 | Oui | 4 | 9 | 11 | 5.1 |
| Fonctionnalité | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Support simple | Oui | Oui | Oui | 4 | 11 | 5.1 | Oui |