Balise HTML <caption>
Exemple
Un tableau avec une légende :
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.
Définition et utilisation
La balise <caption> définit une légende de tableau.
La balise <caption> doit être insérée immédiatement après la balise <table>.
Astuce : Par défaut, la légende d'un tableau sera alignée au centre au-dessus d'un tableau. Cependant, les propriétés CSS text-align et caption-side peut être utilisé pour aligner et placer la légende.
Prise en charge du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <caption> | Oui | Oui | Oui | Oui | Oui |
Attributs globaux
La balise <caption> prend également en charge les Attributs globaux en HTML.
Attributs d'événement
La balise <caption> supporte également les Attributs d'événement en HTML.
Plus d'exemples
Exemple
Légendes du tableau de position (avec CSS) :
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Try it Yourself »
Pages connexes
Référence HTML DOM : Objet de Caption.
Paramètres CSS par défaut
La plupart des navigateurs affichent l'élément <caption> avec les valeurs par défaut suivantes :
