Table: THEAD & TFOOT & TBODY
- 記述形式
<THEAD>...</THEAD> [ NN6,7 | IE3,4,5,6 ]
<TFOOT>...</TFOOT> [ NN6,7 | IE3,4,5,6 ]
<TBODY>...</TBODY> [ NN6,7 | IE3,4,5,6 ]
- 使用方法
THEAD : テーブルのヘッダーを定義
TFOOT : テーブルのフッターを定義
TBODY : テーブルのデータを定義
通常は <TABLE> <TR> <TH> <TD> タグと併用します。
- 使用例
※ IE3.x以降及びNN6以外のブラウザでは正常に表示されません
<TABLE BORDER RULES="groups">
<THEAD>
<TR><TH>Script</TH><TH>NN2</TH><TH>NN3</TH><TH>NN4</TH><TH>NN4.06</TH></TR>
</THEAD>
<TFOOT>
<TR><TD>評価</TD><TD>×</TD><TD>△</TD><TD>○</TD><TD>◎</TD></TR>
</TFOOT>
<TBODY>
<TR><TD>JavaScript</TD><TD>○</TD><TD>○</TD><TD>○</TD><TD>○</TD></TR>
<TR><TD>JavaScript1.1</TD><TD>×</TD><TD>○</TD><TD>○</TD><TD>○</TD></TR>
<TR><TD>JavaScript1.2</TD><TD>×</TD><TD>×</TD><TD>○</TD><TD>○</TD></TR>
<TR><TD>JavaScript1.3</TD><TD>×</TD><TD>×</TD><TD>×</TD><TD>○</TD></TR>
</TBODY>
</TABLE>
Script | NN2 | NN3 | NN4 | NN4.06 |
評価 | × | △ | ○ | ◎ |
JavaScript | ○ | ○ | ○ | ○ |
JavaScript1.1 | × | ○ | ○ | ○ |
JavaScript1.2 | × | × | ○ | ○ |
JavaScript1.3 | × | × | × | ○ |
THEAD , TFOOT , TBODY の順に指定します。
上記のように TABLE BORDER RULES="groups" を指定すると見やすくなります。
- option attribute
- テキスト位置を指定 <水平方向>
<THEAD ALIGN="left | right | center | justify | char">
[ NN6,7 | IE4,5,6 ]
<TFOOT ALIGN="left | right | center | justify | char">
[ NN6,7 | IE4,5,6 ]
<TBODY ALIGN="left | right | center | justify | char">
[ NN6,7 | IE4,5,6 ]
- セル中のテキスト位置を指定 <垂直方向>
<THEAD VALIGN="top | bottom | middle | baseline">
[ NN6,7 | IE4,5,6 ]
<TFOOT VALIGN="top | bottom | middle | baseline">
[ NN6,7 | IE4,5,6 ]
<TBODY VALIGN="top | bottom | middle | baseline">
[ NN6,7 | IE4,5,6 ]
- 特定の記号にテキストを揃える
<THEAD CHAR="symbol">
[ nothing ]
<TFOOT CHAR="symbol">
[ nothing ]
<TBODY CHAR="symbol">
[ nothing ]
このアトリビュートを使う場合は ALIGN="char" や LANG アトリビュートを同時指定します。
- CHAR 指定に対してオフセットする
<THEAD CHAROFF="pixel | %">
[ nothing ]
<TFOOT CHAROFF="pixel | %">
[ nothing ]
<TBODY CHAROFF="pixel | %">
[ nothing ]
- 複数のタグで同一の名称(例えばHEAD部のCSS要素)を使用する
<THEAD CLASS="name">
[ NN6,7 | IE4,5,6 ]
<TFOOT CLASS="name">
[ NN6,7 | IE4,5,6 ]
<TBODY CLASS="name">
[ NN6,7 | IE4,5,6 ]
- タグに名称を付ける
<THEAD ID="name">
[ NN6,7 | IE4,5,6 ]
<TFOOT ID="name">
[ NN6,7 | IE4,5,6 ]
<TBODY ID="name">
[ NN6,7 | IE4,5,6 ]
- スタイル属性を定義する
<THEAD STYLE="property">
[ NN6,7 | IE4,5,6 ]
<TFOOT STYLE="property">
[ NN6,7 | IE4,5,6 ]
<TBODY STYLE="property">
[ NN6,7 | IE4,5,6 ]
- タグに付加的情報を付ける
<THEAD TITLE="comment">
[ NN6,7 | IE4,5,6 ]
<TFOOT TITLE="comment">
[ NN6,7 | IE4,5,6 ]
<TBODY TITLE="comment">
[ NN6,7 | IE4,5,6 ]
- 言語を指定する
<THEAD LANG="language">
[ IE4,5,6 ]
<TFOOT LANG="language">
[ IE4,5,6 ]
<TBODY LANG="language">
[ IE4,5,6 ]
- テキストの読み方向を指定する
<THEAD DIR="ltr | rtl">
[ NN6,7 ]
<TFOOT DIR="ltr | rtl">
[ NN6,7 | IE5,6 ]
<TBODY DIR="ltr | rtl">
[ NN6,7 | IE5,6 ]
- 指定部分をクリックしたときにスクリプト処理を行う
<THEAD onClick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onClick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onClick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- 指定部分をダブルクリックしたときにスクリプト処理を行う
<THEAD onDblclick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onDblclick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onDblclick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- 指定部分の上でマウスのキーを押し下げたときにスクリプト処理を行う
<THEAD onMousedown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onMousedown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onMousedown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- 指定部分の上でマウスのキーを上げた(元に戻した)ときにスクリプト処理を行う
<THEAD onMouseup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onMouseup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onMouseup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタが指定部分の上に載ったときにスクリプト処理を行う
<THEAD onMouseover="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onMouseover="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onMouseover="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタが指定部分から外れたときにスクリプト処理を行う
<THEAD onMouseout="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onMouseout="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onMouseout="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタが指定部分の上で移動しているときにスクリプト処理を行う
<THEAD onMousemove="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TFOOT onMousemove="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<TBODY onMousemove="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- 指定部分の上でキーボードのキーを押し下げたときにスクリプト処理を行う
<THEAD onKeydown="処理 | 関数名">
[ IE4,5,6 ]
<TFOOT onKeydown="処理 | 関数名">
[ IE4,5,6 ]
<TBODY onKeydown="処理 | 関数名">
[ IE4,5,6 ]
- 指定部分の上でキーボードのキーを上げた(元に戻した)ときにスクリプト処理を行う
<THEAD onKeyup="処理 | 関数名">
[ IE4,5,6 ]
<TFOOT onKeyup="処理 | 関数名">
[ IE4,5,6 ]
<TBODY onKeyup="処理 | 関数名">
[ IE4,5,6 ]
- 指定部分の上でキーボードのキーを押し下げた状態のときにスクリプト処理を行う
<THEAD onKeypress="処理 | 関数名">
[ IE4,5,6 ]
<TFOOT onKeypress="処理 | 関数名">
[ IE4,5,6 ]
<TBODY onKeypress="処理 | 関数名">
[ IE4,5,6 ]