<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 ou une description du reste du contenu de son élément parent <figure>, fournissant à <figure> un nom accessible.
Exemple interactif
<figure>
<img
src="/shared-assets/images/examples/elephant.jpg"
alt="Un éléphant au coucher du soleil" />
<figcaption>Un éléphant au coucher du soleil</figcaption>
</figure>
figure {
border: thin silver solid;
display: flex;
flex-flow: column;
padding: 5px;
max-width: 220px;
margin: auto;
}
img {
max-width: 220px;
max-height: 150px;
}
figcaption {
background-color: #222222;
color: white;
font: italic smaller sans-serif;
padding: 3px;
text-align: center;
}
Attributs
Cet élément inclut uniquement les attributs universels.
Exemple
Veuillez consulter la page <figure> pour des exemples sur <figcaption>.
Résumé technique
| 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 enfant pour cet élément.
|
| Rôle ARIA implicite | Pas de rôle correspondant (angl.) |
| Rôles ARIA autorisés |
group, none,
presentation
|
| Interface DOM | HTMLElement |
Spécifications
| Specification |
|---|
| HTML # the-figcaption-element |
Compatibilité des navigateurs
Voir aussi
- L'élément
<figure>