Balise <caption> HTML

Définition et utilisation

<caption> Balise définissant le titre du tableau.

Le tag caption doit suivre immédiatement le tag table. Vous ne pouvez définir qu'un seul titre par table.

Astuce :Par défaut, le titre de la table est centré au-dessus de la table. Cependant, les attributs CSS text-align et caption-side peuvent être utilisés pour aligner et placer le titre.

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Caption

Exemple

Exemple 1

Tableau avec titre :

<table>
  <caption>Dépôts mensuels</caption>
  <tr>
    <th>Mois</th>
    <th>Depôt</th>
  </tr>
  <tr>
    <td>Janvier</td>
    <td>￥3000</td>
  </tr>
</table>

Essayez-le vous-même

Exemple 2

Titre de la table de position (en utilisant CSS) :

<table>
  <caption style="text-align:right">Mon dépôt</caption>
  <tr>
    <th>Mois</th>
    <th>Depôt</th>
  </tr>
  <tr>
    <td>Janvier</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Mes dépôts</caption>
  <tr>
    <th>Mois</th>
    <th>Depôt</th>
  </tr>
  <tr>
    <td>Janvier</td>
    <td>￥3000</td>
  </tr>
</table>

Essayez-le vous-même

Attributs globaux

<caption> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<caption> Les balises prennent également en charge Attributs d'événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <caption> Élément :

caption {
  display: table-caption;
  text-align: center;
}

Essayez-le vous-même

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support