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

★HTMLタグリファレンス

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

テーブル(<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情報

<thead> …… テーブル(表)のヘッダ部分を定義する
▲ページ先頭へ
トップページ > HTMLタグリファレンス > <THEAD>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ