<TFOOT>（テーブル・フッタ：Table Header）

説明

テーブルの行はヘッダ・ボディ・フッタの３つに構造を分けれます。そのうちのフッタ行（脚注など）を指定します。
表の構造を定義することにより正式対応したブラウザが登場した際には、ヘッダ部とフッタ部を画面に固定させボディ部のみをスクロールできるように表示したり、長い表を印刷するときには各ページにヘッダ部とフッタ部を印刷したりすることが可能になるとのこと。

TFOOTはTHEADとTBODYの間におきます。対応しているブラウザなら表示するときにTFOOTは自動的にTBODYの下、つまり表の一番下の位置にくるように表示されます。
しかし対応していないブラウザだとTBODYの前に表示されてしまいますのでご注意を。あ、だからといってTBODYの後ろにTFOOTを置くのは駄目です。

サポート状況

文書型定義

○
対応
△
廃止予定・非推奨
−
廃止・未対応
HTMLCompact
HTML		ISO-HTML
1.02.02.x＋3.03.2 4.0
Mobile		4.01
Strict		4.01
Transitional		4.01
Frameset		 　Pre
−−−−−− −○○○ − ○○
XHTML
1.0
Strict		1.0
Transitional		1.0
Frameset		1.1BasicMP
○○○○−−

ブラウザ

○
実装
△
不完全な実装
−
未実装
Internet Explorer（win） Netscape（win） Opera
1.02.03.04.05.05.56.0 1.02.03.04.06.07.0 6.07.0
−−○○○○○ −−−−○○ ○○
iMode J-sky EZ
1.02.03.04.05.0 1.02.03.0 1.02.0
−−−−− −−− −−

要素のデータ

各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素（要素の中身）、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。

HTML 4.01 Strict

開始タグ省略不可
終了タグ省略可
子要素 TR*
親要素 TABLE

HTML 4.01 Transitional

開始タグ省略不可
終了タグ省略可
子要素 TR*
親要素 TABLE

HTML 4.01 Frameset

開始タグ省略不可
終了タグ省略可
子要素 TR*
親要素 TABLE

ISO-HTML

開始タグ省略不可
終了タグ省略可
子要素 TR*
親要素 TABLE

ISO-HTML Preparation

開始タグ省略不可
終了タグ省略可
子要素 TR*
親要素 TABLE

XHTML 1.0 Strict

子要素 tr*
親要素 table

XHTML 1.0 Transitional

子要素 tr*
親要素 table

XHTML 1.0 Frameset

子要素 tr*
親要素 table

XHTML 1.1

モジュールTable Module
子要素 tr*
親要素 table

属性

  • ◎　＝　必須
  • ○　＝　対応
  • −　＝　廃止・未対応
  • （○）　＝　廃止予定・非推奨
  • TF または F　＝　TransitionalとFrameset、またはFramesetのみ対応
  • （TF）または（F）　＝　TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
  • ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
  • この表に使われる略称についてはHTMLの要素辞典の見方参照。

固有属性

属性名 属性の値 HTML XHTML PC Browser Mobile Browser
1.02.02.x＋3.03.2 4.0M4.01 CISO 1.01.1BMP IENNOiJEz
align char | justify − − − − − − − ○ − − ○ ○ − − − − − − − −
left | right | center − − − ○ ○ ○ − ○ − − ○ ○ − − 4.0 6.0 6.0 − − −
セル内の文字の表示位置を指定します。
char
特定の文字の位置
justifi
両端揃え
left
左揃え（Operaの場合、TDのみ有効）
center
中央揃え（Operaの場合、TDのみ有効）
right
右揃え（Operaの場合、TDのみ有効）
valign top | middle | bottom − − − − ○ ○ − ○ − − ○ ○ ○ ○ 4.0 6.0 6.0 − − −
baseline − − − − ○ − − ○ − − ○ ○ − − 4.0 6.0 6.0 − − −
center − − − − − − − − − − − − − − 4.0 − − − − −
セル内の文字の縦方向の表示位置を指定します。
top
上寄せで表示
middle
中揃えで表示
center
中揃えで表示
baseline
ベースラインにあわせて表示
bottom
下揃えで表示
char １文字 − − − − − − − ○ − − ○ ○ − − − − − − − −
align属性の値にcharを指定した場合の位置を揃える文字を指定します。初期値はピリオド「 . 」
charoff 長さ − − − − − − − ○ − − ○ ○ − − − − − − − −
char属性で指定した文字のセルの左端からの距離を指定します。
bgcolor 色 − − − − − − − − − − − − − − 3.0 6.0 − − − −
セル内の背景色を指定します。

共通属性

属性名 属性の値 HTML XHTML PC Browser Mobile Browser
1.02.02.x＋3.03.2 4.0M4.01 CISO 1.01.1BMP IENNOiJEz
atomicselection false | true − − − − − − − − − − − − − − 5.5 − − − − −
全体で分割不可能なユニットとして要素およびその内容が選択されるに違いないかどうか明示する。
false
要素の内容は個々に選択することができます（デフォルト）
true
要素およびその内容は単一のユニットとして単に選択される
unselectable on | off − − − − − − − − − − − − − − 5.5 − − − − −
要素を選択することを禁じられるかどうか明示します。
on
要素の選択を禁止します
off
要素の選択を許します（デフォルト）
language javascript | jscript | vbscript | vbs − − − − − − − − − − − − − − 4.0 − − − − −
スクリプト言語を指定します。
style スタイルシート − − − − − − − ○ − − ○ ○ − − 3.0 4.0 6.0 − − −
スタイルシートを設定します。
class クラス名（CDATA） − − − − − − − ○ − ○ ○ − − − 3.0 6.0 6.0 − − −
クラス名（NMTOKENS） − − − − − − − − − − − ○ − −
要素のクラス名を設定します。
id ID − − − − − − − ○ − ○ ○ ○ − − 3.0 6.0 6.0 − − −
文書規模で一意的なIDを設定します。
title テキスト − − − − − − − ○ − ○ ○ ○ − − 4.0 6.0 6.0 − − −
要素に対して補助的な情報を記述します。
accesskey １文字 − − − − − − − − − − − − − − 5.0 − − − − −
要素部分にショートカット・キーを割り当てます。
tabindex 数値 − − − − − − − − − − − − − − 5.0 − − − − −
TABキーを押した時に移動するフォーカスの順番を指定します。
lang 言語コード − − − − − − − ○ − ○ ○ − − − 4.0 6.0 − − − −
要素の内容と属性の値の言語を指定します。
dir ltr | rtl − − − − − − − ○ − ○ ○ ○ − − 5.0 6.0 − − − −
要素に含まれる文字の文字方向を指定します。
ltr
左から右へ
rtl
右から左へ
xml:lang 言語コード − − − − − − − − − − ○ ○ ○ ○ − − − − − −
要素の内容と属性の値の言語を指定します。
xmlns URL − − − − − − − − − − − ○ − − − − − − − −
XMLのネームスペースのURLを指定します。
XHTML 1.1、XHTML Besic、XHTML Mobile Profileの値は'http://www.w3.org/1999/xhtml'

イベント属性

イベント属性名 HTML XHTML IE NN O イベント発生状況
4.01 1.01.1
onbeforecut − − − 5.0 − − カットする前。
onbeforepaste − − − 5.0 − − ペーストする前。
onblur − − − 5.0 − − フォーカスを失ったとき。
onclick ○ ○ ○ 4.0 − 6.0 クリックしたとき。
oncontextmenu − − − 5.0 − − 右ボタンが押されたとき。
oncut − − − 5.0 − − カットしたとき。
ondblclick ○ ○ ○ 4.0 6.0 6.0 ダブルクリックしたとき。
ondragenter − − − 4.0 − − ドロップ可能オブジェクト上に重なったとき。
ondragstart − − − 4.0 − − ドラッグを開始したとき。
onfocus − − − 5.0 − − フォーカスされたとき。
onhelp − − − 4.0 − − ヘルプキーまたはF1キーが押されたとき。
onkeydown ○ ○ ○ 4.0 − 6.0 キーが押されたとき。
onkeypress ○ ○ ○ 4.0 − 6.0 キーが押され続けているとき。
onkeyup ○ ○ ○ 4.0 − 6.0 キーが離されたとき。
onlosecapture − − − 4.0 − − マウスイベント取得状態が変化したとき。
onmousedown ○ ○ ○ 4.0 6.0 6.0 マウスボタンが押されたとき。
onmousemove ○ ○ ○ 4.0 6.0 6.0 マウスが移動したとき。
onmouseout ○ ○ ○ 4.0 6.0 6.0 マウスが離れたとき。
onmouseover ○ ○ ○ 4.0 6.0 6.0 マウスが重なったとき。
onmouseup ○ ○ ○ 4.0 6.0 6.0 マウスボタンが離れたとき。
onpaste − − − 5.0 − − ペーストしたとき。
onpropertychange − − − 4.0 − − プロパティが変更されたとき。
onreadystatechange − − − 5.0 − − 状態が変更されたとき。
onselectstart − − − 4.0 − − 選択を開始したとき。

使用例


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
  <title>table 使用例</title>
</head>
<body>

  <table border="1">
    <caption>成績表</caption>
    <col width="100" />
    <colgroup>
    <col width="50" />
    <col width="50" />
    </colgroup>
    <thead>
      <tr><th>名前</th><th>国語</th><th>算数</th></tr>
    </thead>
    <tfoot>
      <tr><td>平均</td><td>60</td><td>60</td></tr>
    </tfoot>
    <tbody>
      <tr><td>田中典子</td><td>50</td><td>40</td></tr>
      <tr><td>岡田理沙</td><td>70</td><td>97</td></tr>
    </tbody>
  </table>

</body>
</html>

表示結果を見る

DTDとか

HTML 4.01 Strict

<!ELEMENT THEAD    - O (TR)+           -- table header -->
<!ATTLIST (THEAD|TBODY|TFOOT)          -- table section --
  %attrs;                              -- %coreattrs, %i18n, %events --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
  >

HTML 4.01 Transitional

<!ELEMENT THEAD    - O (TR)+           -- table header -->
<!ATTLIST (THEAD|TBODY|TFOOT)          -- table section --
  %attrs;                              -- %coreattrs, %i18n, %events --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
  >

HTML 4.01 Frameset

<!ELEMENT THEAD    - O (TR)+           -- table header -->
<!ATTLIST (THEAD|TBODY|TFOOT)          -- table section --
  %attrs;                              -- %coreattrs, %i18n, %events --
  %cellhalign;                         -- horizontal alignment in cells --
  %cellvalign;                         -- vertical alignment in cells --
  >

ISO/IEC 15445(ISO-HTML)

<!ELEMENT (THEAD,TFOOT,TBODY) - O  (TR)+ >

<!ATTLIST THEAD
    %core;                         -- Element CLASS, ID and TITLE --
    %i18n;                         -- Internationalization DIR and LANG -->

XHTML 1.0 Strict

<!ELEMENT thead    (tr)+>
<!ATTLIST thead
  %attrs;
  %cellhalign;
  %cellvalign;
  >

XHTML 1.0 Transitional

<!ELEMENT thead    (tr)+>
<!ATTLIST thead
  %attrs;
  %cellhalign;
  %cellvalign;
  >

XHTML 1.0 Frameset

<!ELEMENT thead    (tr)+>
<!ATTLIST thead
  %attrs;
  %cellhalign;
  %cellvalign;
  >

XHTML 1.1

<!ENTITY % thead.element  "INCLUDE" >
<![%thead.element;[
<!ENTITY % thead.content  "( %tr.qname; )+" >
<!ELEMENT %thead.qname;  %thead.content; >
<!-- end of thead.element -->]]>

<!ENTITY % thead.attlist  "INCLUDE" >
<![%thead.attlist;[
<!ATTLIST %thead.qname;
      %Common.attrib;
      %CellHAlign.attrib;
      %CellVAlign.attrib;
>
<!-- end of thead.attlist -->]]>
トップ ＞ 知識の部屋 ＞ HTMLリファレンス ＞ TFOOT要素
Last-modified : 2005/01/01
Copyright © 2003-2005 ２ｎｄ All Rights Reserved.