thead

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 表の見出し
読み方 ティーヘッド/テーブル・ヘッダー

カテゴリー

なし

親にできる要素/カテゴリー

table要素の子要素として。また、caption/colgroup要素の後で、かつtbody/tfoot/tr要素の前、さらにtable要素の子孫に他のthead要素がないこと

子にできる要素/カテゴリー

0個以上のtr要素

<thead 属性="値">~</thead>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 thead要素は、列見出しを構成する行のブロックを示します。

 thead要素の中に、tr要素を複数回入れて、複数行に渡る見出しも作れます。

サンプル

(body要素の内部)

<table border="1">
<thead>
<tr><th rowspan="2">番号</th><th rowspan="2">氏名</th><th colspan="2">住所</th><th rowspan="2">電話番号</th></tr>
<tr><th>都道府県</th><th>市区町村以下</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>山田 太郎</td><td>東京都</td><td>新宿区若松町X-XX</td><td>03-1234-XXXX</td></tr>
<tr><td>2</td><td>鈴木 花子</td><td>神奈川県</td><td>横浜市港北区菊名X-XX-XX</td><td>045-234-XXXX</td></tr>
<tr><td>3</td><td>高橋 和夫</td><td>埼玉県</td><td>さいたま市浦和区駒場X-XX-XX</td><td>048-345-XXXX</td></tr>
</tbody>

(スタイルシート)

thead { background-color : #ccffff; }

サンプル実行画像

Powered by Web Professional

目次