Exemple
Un tableau HTML avec un <thead>, <tfoot> , et un <tbody> élément:
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
Essayez - le vous - même » Définition et utilisation
Le <thead> tag est utilisé pour regrouper le contenu d' en- tête dans un tableau HTML.
Le <thead> élément est utilisé en conjonction avec les <tbody> et <tfoot> éléments pour spécifier chaque partie d'une table (tête, corps, pied de page).
Les navigateurs peuvent utiliser ces éléments pour activer le défilement du corps de table indépendamment de l'en-tête et pied de page. En outre, lors de l'impression d'une grande table qui couvre plusieurs pages, ces éléments peuvent permettre à l'en-tête de table et pied de page à imprimer en haut et en bas de chaque page.
Le <thead> balise doit être utilisé dans le contexte suivant: Comme un enfant d'une <table> élément, après les <caption> et <colgroup> éléments, et avant toute <tbody>, <tfoot> et <tr> éléments.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <thead> | Oui | Oui | Oui | Oui | Oui |
Trucs et astuces
Note: <thead> élément doit avoir un ou plusieurs <tr> balises à l' intérieur.
Astuce: Le <thead>, <tbody> , et <tfoot> éléments ne seront pas affecter la disposition de la table par défaut.Cependant, vous pouvez utiliser les CSS pour le style de ces éléments.
Différences entre HTML 4.01 et HTML5
Aucun des attributs HTML 4.01 sont pris en charge en HTML5.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| align | right left center justify char | Non pris en charge en HTML5. Aligne le contenu à l' intérieur du <thead> élément |
| char | character | Non pris en charge en HTML5. Aligne le contenu à l' intérieur du <thead> élément à un caractère |
| charoff | number | Non pris en charge en HTML5. Définit le nombre de caractères du contenu à l' intérieur du <thead> élément sera aligné à partir du caractère spécifié par l' char attribut |
| valign | top middle bottom baseline | Non pris en charge en HTML5. Vertical aligne le contenu à l' intérieur du <thead> élément |
Attributs globaux
Le <thead> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <thead> tag soutient également l' événement Attributs en HTML .
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <thead> élément avec les valeurs par défaut suivantes:
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}