English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Recueil complet des balises HTML

Balise HTML: <caption>

L'élément <caption> HTML définit le titre du tableau dans un document HTML. Traditionnellement, les navigateurs rendent le texte trouvé dans le tag <caption> en haut du tableau, mais vous pouvez utiliser le CSS caption-l'attribut side change ce comportement. Ce tag est également appelé l'élément <caption>.

L'élément <caption> HTML (ou l'élément de titre de tableau HTML) affiche le titre d'un tableau, il apparaît souvent comme le premier élément fils de <table> et est affiché à l'avant du contenu du tableau, mais il peut également être stylisé avec CSS, donc il peut apparaître à n'importe quelle position par rapport au tableau.

Exemple en ligne

Tableau avec le titre de caption :

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Base Tutorial Network(oldtoolbag.com)</title> 
</head>
<body>
<table>
  <caption>Cette est la caption du tableau</caption>
  <tr>
    <th>Colonne 1 Titre</th>
    <th>Colonne 2 Titre</th>
    <th>Colonne 3 Titre</th>
  </tr>
  <tr>
    <td>Données dans la Colonne 1, Ligne 2</td>
    <td>Données dans la Colonne 2, Ligne 2</td>
    <td>Données dans la Colonne 3, Ligne 2</td>
  </tr>
  <tr>
    <td>Données dans la Colonne 1, Ligne 3</td>
    <td>Données dans la Colonne 2, Ligne 3</td>
    <td>Données dans la Colonne 3, Ligne 3</td>
  </tr>
  <tr>
    <td>Données dans la Colonne 1, Ligne 4</td>
    <td>Données dans la Colonne 2, Ligne 4</td>
    <td>Données dans la Colonne 3, Ligne 4</td>
  </tr>
</table>
</body>
</html>
Testez pour voir ‹/›
Dans ce HTML5Dans l'exemple de document, nous avons créé un tableau en utilisant la balise <table>. Le premier est <caption>. Ensuite, ce tableau a3du tableau et4ligne(s). La colonne1La ligne de ce tableau est définie par le premier marqueur <tr>. Elle a3Les cellules de titre de tableau définies avec le marqueur <th> sont au nombre de2à4Les lignes sont définies en utilisant le marqueur <td> pour les cellules standard de tableau.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge la balise <caption>.

Définition et instructions d'utilisation des balises

L'élément <caption> HTML est situé à l'intérieur du marqueur <body>.
Le marqueur <caption> apparaît après le marqueur <table>.

Le balise <table> est composé de balise <tr>, <th> et <td>.

La plupart des navigateurs affichent le balise <caption> au-dessus du tableau, mais vous pouvez utiliser les CSS caption-L'attribut side change ce comportement.

Le balise <caption> définit le titre du tableau.

Le balise <caption> doit être placé directement après le balise <table>.

Attention : Chaque tableau ne peut spécifier qu'un seul titre.

Astuce : Par défaut, le titre du tableau est centré au-dessus du tableau. Cependant, vous pouvez utiliser les attributs CSS text-align et caption-side peut être utilisé pour aligner et placer le titre.

HTML 4.01 et HTML5Les différences entre

L'attribut align a été supprimé de HTML5Supprimé de HTML

Attribut

AttributValeurDescription
alignleft
right
top
bottom

HTML5 Non pris en charge. HTML 4.01 Obsolète.    Définit l'alignement du titre.
Il peut être l'un des valeurs suivantes :
left-Représente le titre apparaissant dans la table
top -Représente le titre apparaissant dans la table
right -Représente le titre apparaissant dans la table
bottom -Représente le bas inférieur de la table des titres

Les attributs globaux

Le balise <caption> est pris en charge Les attributs globaux de HTML.

Les attributs d'événement

Le balise <caption> est pris en charge Les attributs d'événement de HTML.