Derniers tutoriels de développement web
 

HTML <tbody> Tag


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 <tbody> tag est utilisé pour regrouper le contenu du corps dans un tableau HTML.

Le <tbody> élément est utilisé en conjonction avec les <thead> et <tfoot> éléments pour spécifier chaque partie d'une table (corps, tête, 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 <tbody> balise doit être utilisé dans le contexte suivant: Comme un enfant d'une <table> élément, après les <caption>, <colgroup> , et <thead> éléments.


support du navigateur

Élément
<tbody> Oui Oui Oui Oui Oui

Trucs et astuces

Note: <tbody> é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 <tbody> élément
char character Non pris en charge en HTML5.
Aligne le contenu à l' intérieur du <tbody> é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 <tbody> é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 <tbody> élément

Attributs globaux

Le <tbody> tag soutient également le attributs globaux en HTML .


Attributs de l'événement

Le <tbody> tag soutient également l' événement Attributs en HTML .


Paramètres par défaut de CSS

La plupart des navigateurs affichent le <tbody> élément avec les valeurs par défaut suivantes:

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}