Accueil    HTML    Balise CAPTION
 



balise caption  Balise CAPTION : Descriptif de tableau

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <caption> permet d'associer un commentaire à une table html. Bien que la balise soit inclue dans la balise <table>, l'affichage du commentaire apparaît en dehors de la table, généralement au dessus de celle-ci (varie suivant les navigateurs).

Il doit être placé juste après la balise <table> ouvrante et ne doit apparaître qu'une fois dans un tableau donné. Il est possible d'utiliser des balises html au sein du tag <caption>.

Enfin il faut utiliser le style CSS caption-side pour positionner le contenu de la balise caption par rapport à la table (top / left / right / bottom).



Exemple d'utilisation de la balise caption :





Tableau avec un titre affiché en bas (caption-side:bottom) :


<table cellpadding='2' rules='all' cellspacing='0' style='width:60%; text-align:center; border:solid 1px black;'>
  <caption style='caption-side:bottom; font-weight:bold; text-decoration:underline;'>Descriptif de la table</caption>
  <tr>
    <th>Titre Col A</th>
    <th>Titre Col B</th>
  </tr>
  <tr>
    <td>Valeur 1 Col A</td>
    <td>Valeur 1 Col B</td>
  </tr>
  <tr>
    <td>Valeur 2 Col A</td>
    <td>Valeur 2 Col B</td>
  </tr>
</table>




Descriptif de la table
Titre Col A Titre Col B
Valeur 1 Col A Valeur 1 Col B
Valeur 2 Col A Valeur 2 Col B