Le titre d'un tableau : balise caption

La balise <caption></caption> nous permet de donner un titre à notre tableau. Cette balise doit se trouver juste après la balise <table>.

Exemple :

<table>
<caption>Titre du tableau</caption>
<thead>
<tr>
   <th>..</th>
   <th>..</th>
</tr>
</thead>
<tfoot>
<tr>
  <td>..</td>
  <td>..</td>
</tr>
</tfoot>
<tbody>
<tr>
  <td>..</td>
  <td>..</td>
</tr>
<tr>
  <td>..</td>
  <td>..</td>
</tr>
</tbody>
</table>

Cette balise vient également avec l'attribut "align" qui nous permet de définir la position du titre.

Les valeurs sont :
- top : en haut du tableau.
- bottom : en bas du tableau.
- right : à droite.
- left : à gauche.

Mais aujourd'hui cet attribut n'est plus vraiment utilisé, on préfère utiliser un style à l'aide de la propriété "caption-side".

Exemple :

.cap {caption-side : top;}

Ensuite ont appel le style dans la balise

<caption class="cap">Titre</caption>

Ou bien on ajoute le style directement dans la balise :

<caption style="caption-side: bottom;">titre</caption>

Les valeurs pouvant être appliqué à "caption-side" sont pareils que celles de l'attribut align (left, right, top, bottom).