<thead>: THEAD 要素

最終更新:2026-10-13

<thead>THEAD 要素

見出し行(tr)をまとめるテーブルのヘッダーブロックです。長いテーブルを印刷すると各ページに繰り返し表示されます。

カテゴリテーブル
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </thead> タグ
ステータス標準

📝 構文

<thead>
  <tr><th>...</th></tr>
</thead>

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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 を使って組みます。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%