Home » ★HTMLタグリファレンス

★HTMLタグリファレンス

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



このページでは、HTML4のthead要素を解説しています。
thead要素の最新情報は、以下を参照してください。

テーブル(<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> …… テーブル(表)のヘッダ部分を定義する
広告



Lorem Ipsum is simply dummy text

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.