この記事はHTML 4/XHTML 1での<tfoot>要素についての解説記事です。
HTML 5での<tfoot>要素に関する解説記事は、HTML 5 リファレンス内のHTML 5での<tfoot>要素をご覧ください。
表(テーブル)でのフッタ部分の行の集まりである<tfoot>要素についての説明です。
<tfoot>要素とは、表(テーブル)のフッタを表す要素です。
テーブルの場合、上の方に見出しコマが並んだ行がしばしば書かれますが、更に読み易くするために下の方にも同様な行がかかれる事があり、そのようなテーブルの下の部分の行の集まりを<thead>要素とします。
スタイルシートを利用して、<thead>要素(表のヘッダ)とフッタを固定して、その間の表本体をスクロールするようにも出来ますし、長い表であればフッタにもヘッダと同様の内容を記述しておく事で使い易くする事も出来ます。
また、プリントアウトの際に複数ページに表が跨ってしまう場合には、全てのページの表の切片にフッタを付ける事で、当該ページだけ見ても内容が理解出来るようにする事も考えられます。
<tfoot>要素は、以下の文書型で利用出来ます。
<tfoot>要素は、HTML 3.2, XHTML 1.0 ベーシック及びXHTML モバイル・プロファイルでは使えません。
<tfoot>要素は、ネットスケープ 4.x以前など旧型ユーザエージェントではサポートしないため、表示がおかしくなる場合もあります。
例えば、<table>要素の記述例を旧型のユーザエージェントで表示させると、
<thead>要素, <tfoot>要素及び<tbody>要素の開始・終了タグを認識しないため、表のヘッダ部(一行目)とフッタ部(本来なら七行目)が書かれている通りの順序で並んでしまいます。
<tfoot>要素はテーブル(表)モジュールに属します。
<tfoot>要素は<table>要素直下、
より後で、且つ
より前に記述され、内容は<tr>要素に限られます。
<tfoot>要素は、HTML 4.01では開始タグ・終了タグとも省略出来ます。
ISO-HTMLでは、終了タグのみ省略出来ます。
<tfoot>要素には、以下の属性が定められております。
<tfoot>要素で使える共通属性には
があります。
当該<tfoot>要素内のコマの配置を指定し、
の四つの属性があります。
<table>要素の記述例と同じなので、該当箇所のみを示します。
<tfoot><tr><th colspan="2"></th><th scope="col" abbr="GIF">GIF画像</th><th scope="col" abbr="JPEG">JPEG画像</th><th scope="col" abbr="PNG">PNG画像</th></tr></tfoot>
堀北真希ちゃんのボシュロム社CM出演に因んだ、ソフトコンタクトをつけている堀北真希うさぎのイラストとその場面を含んだ仮想CM動画
