トップページ > HTMLタグリファレンス > <TFOOT>

★HTMLタグリファレンス

<TFOOT> …… テーブル(表)のフッタ行を定義する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告

このページでは、HTML4のtfoot要素を解説しています。
tfoot要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

テーブル(<TABLE>)の行はその機能により、 ヘッダ(<THEAD>~</THEAD>)・ ボディ(<TBODY>~</TBODY>)・ フッタ(<TFOOT>~</TFOOT>)に分けられます。 表のヘッダ・ボディ・フッタを定義しておくことで、 正式対応したブラウザが登場した際には、 ヘッダとフッタを固定表示したままボディ部分のみをスクロールさせることが可能になるようです。

ソース中では、<THEAD>~</THEAD>→ <TFOOT>~</TFOOT>→ <TBODY>~</TBODY>の順序で記述するよう定義されています。 これはヘッダとフッタを先読みして表示するためですが、 これらのタグに対応していないNetscape Navigator4等では、 そのままフッタをボディより上に表示してしまうので注意が必要です。

■使用例

HTMLソース

<table border="1" width="500" cellspacing="0" cellpadding="5" bordercolor="#333333">
<thead>
<tr>
<th bgcolor="#EE0000"><font color="#FFFFFF">メニュー</font></th>
<th bgcolor="#EE0000" width="150"><font color="#FFFFFF">説明</font></th>
<th bgcolor="#EE0000" width="200"><font color="#FFFFFF">豆知識</font></th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="3" bgcolor="#CCCCCC" align="right">パスタ倶楽部</td>
</tr>
</tfoot>
<tbody>
<tr>
<td bgcolor="#99CC00" align="right" nowrap>カルボナーラ</td>
<td bgcolor="#FFFFFF" valign="top" width="150">玉子とベーコンとクリームソースのパスタ</td>
<td bgcolor="#FFFFFF" valign="top" width="200">カルボナーラとは炭焼き職人という意味</td>
</tr>
<tr>
<td bgcolor="#99CC00" align="right" nowrap>ペスカトーレ</td>
<td bgcolor="#FFFFFF" valign="top" width="150">エビとあさりの漁師風パスタ</td>
<td bgcolor="#FFFFFF" valign="top" width="200">ペスカトーレは漁師風という意味</td>
</tr>
</tbody>
</table>
↓↓↓

ブラウザ上の表示

メニュー 説明 豆知識
パスタ倶楽部
カルボナーラ 玉子とベーコンとクリームソースのパスタ カルボナーラとは炭焼き職人という意味
ペスカトーレ エビとあさりの漁師風パスタ ペスカトーレは漁師風という意味

■HTML5情報

<tfoot> …… テーブル(表)のフッタ部分を定義する
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ