<足>

HTML <tfoot> タグ

インスタンス

<!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>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

すべての主要なブラウザは <tfoot> タグをサポートしています。

タグの定義と使用方法

<tfoot> タグは、HTML テーブルのフッターコンテンツを結合するために使用されます。

<tfoot> 要素は、<thead> および <tbody> 要素と組み合わせて使用して、テーブルのさまざまな部分 (フッター、ヘッダー、本文) を指定する必要があります。

これらの要素を使用することにより、ブラウザはテーブルヘッダーやテーブルフッターとは独立してテーブル本体のスクロールをサポートできるようになります。複数のページを含む長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。

<tfoot> タグは、<table> 要素、<colgroup> 要素、<tbody> の子要素として使用する必要があります。 < ;tr> 要素の前。

ヒントとメモ

注: <tfoot> 要素には 1 つ以上の <tr> タグが含まれている必要があります。

ヒント: <thead>、<tbody>、<tfoot> 要素は、デフォルトではテーブルのレイアウトに影響しません。ただし、CSS を使用してこれらの要素のスタイルを定義することで、テーブルの外観を変更できます。

HTML 4.01 と HTML5 の違い

HTML 5 では、HTML 4.01 の <tfoot> タグの属性はサポートされなくなりました。

属性

属性	値	説明
整列	右左中央揃え文字	HTML5 サポートされていません。 <tfoot> 内のコンテンツの配置を定義します。
char	character	HTML5 はサポートされていません。 <tfoot> 要素内のテキストの配置に使用する文字を指定します。
charoff	number	HTML5 はサポートされていません。 <tfoot> コンテンツの最初に位置合わせされた文字のオフセットを指定します。
valign	top middle bottom baseline	HTML5 はサポートされていません。 <tfoot> 内のコンテンツの垂直方向の配置を指定します。

グローバル属性

<tfoot> タグは HTML グローバル属性をサポートします。

イベント属性

<tfoot> タグは HTML イベント属性をサポートします。

<足>