<thead>: THEAD 要素
最終更新:2026-10-13
<thead>THEAD 要素
見出し行(tr)をまとめるテーブルのヘッダーブロックです。長いテーブルを印刷すると各ページに繰り返し表示されます。
| カテゴリ | テーブル |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </thead> タグ |
| ステータス | 標準 |
📝 構文
<thead>
<tr><th>...</th></tr>
</thead>
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <thead> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: thead は caption/colgroup の後、tbody/tfoot の前に置きます。tr のみを含められます。
❓ よくある質問
Qthead は書く必要がありますか?
A単純な表なら省略できますが、書くことをおすすめします。意味が完全になる(表頭・表体・表尾の3段構成)うえ、thead 単体にスタイルを当てられ、長い表の印刷で毎ページの繰り返しが効く可能性が出ます。スクリーンリーダーの thead の認識もより安定します。
Qthead の中のセルは th でなければなりませんか?
A強くおすすめします。thead と th が揃って初めて「表頭」という意味が完成します。thead は構造のグループ、th はセルの役割です。thead の中に td を置いても文法的には違反しませんが、意味が矛盾し、スクリーンリーダーの列頭の読み上げが機能しなくなります。
Qthead は複数持てますか?
A持てません。各
<table> に置ける <thead> は1つだけです(tbody と tfoot も同様に単数です)。2段構えの表頭のような多表頭構造は、1つの thead の中に複数の tr を置き、各行の tr の中で colspan/rowspan を使って組みます。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。