<tête>


HTML <thead> Balises

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>0</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>0</td>
    </tr>
    <tr>
      <td>February</td>
      <td></td>
    </tr>
  </tbody>
</table>

<p><b>提示:</b>  thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过,您可以使用 CSS 来为这些元素定义样式,从而改变表格的外观。</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne


Prise en charge du navigateur

1000.png

Tous les principaux navigateurs prennent en charge thead> étiqueter.


Définition de la balise et instructions d'utilisation

La balise <thead> est utilisée pour combiner le contenu de l'en-tête des tableaux HTML. L'élément

<thead> doit être utilisé en conjonction avec les éléments <tbody> et <tfoot>

En utilisant ces éléments, le navigateur a la capacité de prendre en charge le défilement du corps du tableau indépendamment de l'en-tête et du pied de page du tableau. Lorsqu'un long tableau contenant plusieurs pages est imprimé, l'en-tête et le pied de page du tableau peuvent être imprimés sur chaque page contenant les données du tableau.

<thead> doit être utilisée dans les situations suivantes : en tant qu'élément enfant de l'élément <table>, après les éléments <caption>, <colgroup> avant les éléments <tfoot> et <tr>


Conseils et notes

Remarque : L'élément <thead> doit contenir une ou plusieurs balises <tr>

Conseil : les éléments <thead>, <tbody> et <tfoot> n'affectent pas la disposition du tableau par défaut. Cependant, vous pouvez modifier l'apparence du tableau en utilisant CSS pour définir les styles de ces éléments.


Différences entre HTML 4.01 et HTML5

Dans HTML 5, les attributs de la balise <thead> dans HTML 4.01 ne sont plus pris en charge.


Attributs

AttributValeurDescription
alignerdroite
属性描述
alignright
left
center
justify
char
HTML5 不支持。定义 <thead> 元素中内容的对齐方式。
charcharacterHTML5 不支持。规定 <thead> 元素中内容根据哪个字符来对进行文本对齐。
charoffnumberHTML5 不支持。规定 <thead> 元素中内容的第一个对齐字符的偏移量。
valigntop
middle
bottom
baseline
HTML5 不支持。规定 <thead> 元素中内容的垂直对齐方式。
gauche<🎜>centre<🎜>justifier<🎜>char
HTML5 n'est pas pris en charge. <🎜>Définissez l'alignement du contenu dans l'élément <thead>
charcaractèreHTML5 n'est pas pris en charge. <🎜>Spécifie quel caractère de l'élément <thead> doit être utilisé pour l'alignement du texte.
charoffnuméroHTML5 n'est pas pris en charge. <🎜>Spécifie le décalage du premier caractère aligné du contenu dans l'élément <thead>
valignhaut<🎜>milieu<🎜>bas<🎜>ligne de base HTML5 n'est pas pris en charge. <🎜>Spécifie l'alignement vertical du contenu dans l'élément <thead>


Attributs globaux

La balise <thead> prend en charge les attributs globaux du HTML.


Attributs d'événement

La balise <thead> prend en charge les attributs d'événement HTML.