tableaux block

<thead>

Regroupe les lignes d'en-tête d'un tableau. Contient les tr avec les cellules th définissant les colonnes.

Description

L’élément <thead> représente la section d’en-tête d’un tableau, contenant une ou plusieurs lignes <tr> avec des cellules <th>. Il est optionnel mais fortement recommandé pour l’accessibilité et le style. Lors de l’impression, <thead> est répété en haut de chaque page si le tableau s’étend sur plusieurs pages.

Syntaxe

<table>
  <thead>
    <tr>
      <th>Nom</th>
      <th>Valeur</th>
    </tr>
  </thead>
  <tbody>…</tbody>
</table>

Exemples

<table>
  <thead>
    <tr>
      <th scope="col">Propriété CSS</th>
      <th scope="col">Valeur par défaut</th>
      <th scope="col">Héritée</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code>color</code></td>
      <td>dépend du navigateur</td>
      <td>Oui</td>
    </tr>
  </tbody>
</table>

Notes

Ordre des sections : dans le code source, <thead> précède <tbody> et <tfoot>. Le navigateur peut afficher <tfoot> en bas du tableau quelle que soit sa position dans le source.

Répétition à l’impression : les navigateurs répètent automatiquement les lignes de <thead> en haut de chaque page imprimée pour les tableaux longs.

Support navigateurs

Chrome1+ · Firefox1+ · Safari1+ · Edge12+