HTML <caption> Tag
Exemple
Un tableau avec une légende :
<table>
<caption>Économies mensuelles</caption>
<tr>
<th>Mois</th>
<th>Économies</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
</table> Plus d'exemples "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> .
Conseil : Par défaut, une légende de tableau sera centrée au-dessus du tableau. Cependant, les propriétés CSS text-align et caption-side peuvent être utilisées pour aligner et placer la légende.
Support des Navigateurs
| É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> prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Positionner les légendes de tableau (avec CSS) :
<table>
<caption style="text-align:right">Mes économies</caption>
<tr>
<th>Mois</th>
<th>Économies</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">Mes économies</caption>
<tr>
<th>Mois</th>
<th>Économies</th>
</tr>
<tr>
<td>Janvier</td>
<td>$100</td>
</tr>
</table> Pages Associées
Référence DOM HTML : Objet Caption
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <caption> avec les valeurs par défaut suivantes :
Exemple
caption {
display: table-caption;
text-align: center;
}