<thead>要素はHTMLの表(テーブル)要素の表題部(ヘッダー)であることを表す。
表を作るには、まず<table>要素を作成し、その中に<tbody>要素を配置します。
表に見出し行を表示するには<thead>要素を配置します。
<table>
<thead>
(見出し行の内容)
</thead>
<tbody>
(データ)
</tbody>
</table>
見出し行は<tr>要素の中の<th>要素として記述します。
<tr>
<th>見出し1</th>
<th>見出し2</th>
</tr>
次の例は、キャプション付きテーブルを表示する例です。
<table>
<caption>各国の英語表記</caption>
<thead>
<tr>
<th>日本語</th>
<th>英語</th>
</tr>
</thead>
<tbody>
<tr>
<td>日本</td>
<td>Nippon</td>
</tr>
<tr>
<td>米国</td>
<td>United States of America</td>
</tr>
<tr>
<td>スペイン</td>
<td>Spain</td>
</tr>
</tbody>
</table>
これで、ブラウザには次のように表示されます。
日本語 | 英語 |
---|---|
日本 | Nippon |
米国 | United States of America |
スペイン | Spain |