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.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Webview Android | Chrome pour Android | Edge Mobile | Firefox pour Android | Opera pour Android | Safari pour iOS | Samsung Internet | |
| Support simple | Chrome Support complet 8 | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet 9 | Opera Support complet 11 | Safari Support complet 5.1 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet 11 | Safari iOS Support complet 5.1 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet