<pied>

HTML <tfoot> 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 des navigateurs

Tous les principaux navigateurs prennent en charge la balise <tfoot>

Définition de la balise et instructions d'utilisation

La balise <tfoot> est utilisée pour combiner le contenu du pied de page des tableaux HTML. L'élément

<tfoot> doit être utilisé en conjonction avec les éléments <thead> et <tbody> pour spécifier les différentes parties du tableau (pied de page, en-tête, corps).

En utilisant ces éléments, le navigateur a la capacité de prendre en charge le défilement du corps du tableau indépendamment des en-têtes et pieds 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. < avant les éléments tbody> et <tr>

Conseils et notes

Remarque : L'élément

<tfoot> 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 utiliser CSS pour définir des styles pour ces éléments, modifiant ainsi l'apparence du tableau.

Différences entre HTML 4.01 et HTML5

Dans HTML 5, les attributs de la balise <tfoot> La balise prend en charge les attributs globaux du HTML.

Attributs d'événement

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

属性	值	描述
align	right left center justify char	HTML5 不支持。定义 <tfoot> 元素中内容的对齐方式。
char	character	HTML5 不支持。规定 <tfoot> 元素中内容根据哪个字符来对进行文本对齐。
charoff	number	HTML5 不支持。规定 <tfoot> 元素中内容的第一个对齐字符的偏移量。
valign	top middle bottom baseline	HTML5 不支持。规定 <tfoot> 元素中内容的垂直对齐方式。

← <zone de texte>

<th> →