L'élément HTML <figcaption>
(pour figure caption en anglais) 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 !
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>
.
Résumé technique
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 |
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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
figcaption | 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 | 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