: TH 要素
最終更新:2026-09-12
<th>TH 要素
行や列を表すテーブルの見出しセルです。既定では太字・中央寄せで、アクセシビリティの意味を持ちます。
カテゴリ テーブル
コンテンツモデル フローコンテンツ
許可される親要素 フローコンテンツを受け入れる要素
閉じタグ 必要 </th> タグ
ステータス 標準
📝 構文
<th scope="col">列の見出し</th>
⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします:
属性 値 説明
scopeScope: col, row, colgroup or rowgroup.
colspanNumber of columns to span.
rowspanNumber of rows to span.
headersIDs of related header cells (complex tables).
abbrAbbreviated title for screen readers.
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
ブラウザ
Chrome
Edge
Firefox
Safari
Opera
<th>
✓ v1
✓ v12
✓ v1
✓ v1
✓ v1
すべての主要ブラウザでサポート
ヒント: scope はスクリーンリーダーがテーブルを正しく読む助けになります。可能な限り設定しましょう。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
最終更新:2026-09-12
<th>TH 要素
行や列を表すテーブルの見出しセルです。既定では太字・中央寄せで、アクセシビリティの意味を持ちます。
| カテゴリ | テーブル |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </th> タグ |
| ステータス | 標準 |
📝 構文
<th scope="col">列の見出し</th>
⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします:
| 属性 | 値 | 説明 |
|---|---|---|
scope | Scope: col, row, colgroup or rowgroup. | |
colspan | Number of columns to span. | |
rowspan | Number of rows to span. | |
headers | IDs of related header cells (complex tables). | |
abbr | Abbreviated title for screen readers. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <th> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: scope はスクリーンリーダーがテーブルを正しく読む助けになります。可能な限り設定しましょう。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。