Updated / Published

tfoot要素(table foot)は表のフッタ部分であることを示し、複数の行を一つのまとまりとして扱いたい場合に tr要素を囲んで行をグループ化します。tfoot要素は tbody要素の前に記述しますが、tfoot要素のレンダリングに対応している UA であれば、表の一番下に tfoot要素の行グループを表示します。HTML4 の仕様では tfoot要素の終了タグのみを省略可能で、どのバージョンにおいても必ず1つ以上の tr要素を含める必要があります。

フッタ部分以外にもヘッダ部は thead要素, 本体は tbody要素でそれぞれグループ化することができます。グループ化することによって、UA は表が一画面に収まらない場合、ヘッダ部とフッタ部を一画面内に固定し、本体部分はその間にスクロールさせて表示することが期待されます。また、印刷時に表が複数毎にまたがるような場合にも、用紙の全ページにヘッダ、フッタ部分のみを繰り返し付けることが期待されます。しかしながら、まだそのような振る舞いを行う実装をした UA はありません。

HTML5ではtfoot要素固有の属性はすべて廃止されました。

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
要素型
table要素の子要素
開始タグ
必須
終了タグ
  • XHTML 必須
  • HTML4.01 省略可
非推奨
-
内容モデル
tr要素(1個以上)

align属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
必須
-
非推奨
-
属性値
  • left
  • right
  • center
  • justify
  • char

tfoot要素がまとめた行に含まれるセルに対して、内容の幅寄せやテキストの桁揃えを指定します。多くの視覚環境の UA で行揃えの初期値は td要素が "left" に、th要素が "center" に設定されています。値には次の5つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

left
内容とテキストを左揃えで表示する
right
内容とテキストを右揃えにする
center
内容とテキストを中央揃えにする
justify
文字を均等に配置し、テキストを両端揃えで表示する
char
char属性で指定した特定の文字を基準に揃えて表示する

align属性は非推奨ではありませんが、td要素, th要素の各セルをセレクタCSStext-alignプロパティで同様の表現に代替できます。

HTML5では、align属性は廃止されました。

char属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
必須
-
非推奨
-
属性値
小数点

align属性の値に "char" を指定した場合にセル内の位置揃えの軸となる文字を指定します。たとえば、日本語や英語であればピリオド(.)、フランス語であればカンマ(,)のように lang属性XHTML では xml:lnag属性)で指定した言語に対応する小数点を指定することが可能です。"<tfoot align="char" char=".">..." のように指定すれば、セル内の文字がピリオド(.)に合わせて揃えられることが期待されます(現状、char属性に対応している UA はありません)。

HTML5では、char属性は廃止されました。

charoff属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
必須
-
非推奨
-
属性値
  • 整数(pixels)
  • パーセンテージ値(%)

char属性により位置揃えが指定された場合、charoff属性でその文字から水平方向にどの位置までずらして表示するかを指定します。たとえば、小数点以下2桁で揃えたい場合は、"<tfoot align="char" char="." charoff="2">..." と指定します。

また、文字揃えの際にずらす方向は dir属性による書字方向に依存します。dir属性の値が "ltr" の場合、左の余白からずれます。dir属性の値が "rtl" の場合、右の余白からずれます(仕様では char属性、及び charoff属性は必ずしもサポートする必要は無いとされているため対応している UA はありません)。

HTML5では、charoff属性は廃止されました。

valign属性

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
指定要素
必須
-
非推奨
-
属性値
  • top
  • middle
  • bottom
  • baseline

tfoot要素がまとめた行に含まれるセルに対して、内容の垂直(上下)方向の揃え方を指定します。値には次の4つのキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

top
セルの上辺に内容の上辺を揃えて表示する
middle
セルの垂直方向の長さの中央に表示する
bottom
セルの下辺に内容の下辺を揃えて表示する
baseline
テキストの1行目をベースラインで揃えて表示する(2行目以降は影響なし)

valign属性は非推奨ではありませんが、td要素, th要素の各セルをセレクタに CSS の vertical-alignプロパティで同様の表現に代替できます。

HTML5では、valign属性は廃止されました。

その他の属性

共通属性
イベント属性