HTML リファレンスマニュアル

リファレンスマニュアル

HTML: <tfoot> タグ

: <progress>タグ

HTML <tfoot>タグは、HTMLテーブルの行のグループを定義し、これらの行がテーブルのフッターを構成します。これは、テーブルの列をまとめるために使用され、通常、列の合計を表示するために使用されます。伝統的には、<tfoot>タグのスタイルをCSSで設定して、列の合計を強調表示します。このタグは、時折<tfoot>要素と呼ばれます。

オンラインサンプル

thead、tfoot、tbody要素を持つHTMLテーブル：

例
<!DOCTYPE　html>
<html>　
<head>-8<table　border="　
<meta　charset="utf3<title>基礎チュートリアル網(w/codebox.com)<　
</title>
head>
<body>1<table　border="
　　<thead>
　　　　<tr>
　　　　　　">/<th>節約<
　　　　　　<th>月</<th>節約<
　　　　</tr>
　　</th>
　　thead>
　　　　<tr>
　　　　　　<td>合計</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>
</body>
</html>

テストをしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

タグの定義および使用方法

<tfoot>タグはHTMLテーブルのフッター内容をまとめるために使用されます。

<tfoot>要素は以下とともに使用されるべきです： <thead> および <tbody> これらの要素を組み合わせて使用し、テーブルの各部分（フッター、ヘッダー、主体）を定義します。

これらの要素を使用することで、ブラウザが表のヘッダーとフッターに依存しない表の主体をスクロールする能力を持つようになります。複数ページにわたる長いテーブルを印刷する場合、ヘッダーとフッターはテーブルデータを含む各ページに印刷されます。

<tfoot>タグは以下の状況で使用する必要があります：<table>要素の子要素として、<caption>、<colgroup>、<thead>要素の後、<tbody>および<tr>要素の前に現れる。

ヒントと注意

注記：<tfoot>要素は、内部に1つ以上の<tr>タグを含む必要があります。

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

HTML 4.01 HTMLと5の違い

HTML中の 5 中、HTMLをサポートしていない 4.01 中の <tfoot> タグの属性のいずれもサポートしていません。

属性

属性	値	説明
align	right 　left 　center 　justify 　char	HTML5 サポートしていない。<tfoot> 要素内の内容のアライメント方法を定義します。
char	character	HTML5 サポートしていない。<tfoot> 要素内の内容をどの文字に基づいてテキストアライメントを行うかを指定します。
charoff	number	HTML5 サポートしていない。<tfoot> 要素内の内容の最初のアライメント文字のオフセットを指定します。
valign	top 　middle 　bottom 　baselinen	HTML5 サポートしていない。<tfoot> 要素内の内容の垂直アライメントを指定します。

グローバル属性

<tfoot> タグのサポート HTMLのグローバル属性。

イベント属性

<tfoot> タグのサポート HTMLのイベント属性。

HTML: <th> タグ HTML: <textarea> タグ