thタグ

thは、表のヘッダセルを定義するタグです。

tableの行を定義するtrタグの子要素として使用します。

解説

thタグは tr タグの子要素として使用し、タイトルを表すセルを作る時に使用します。
タイトルを表すセルは th を、それ以外のセルは td を使用するという使い分けをします。

コンテンツ・モデル

カテゴリー (自カテゴリ)	なし
コンテキスト (親カテゴリ)	tableタグ、tbodyタグ、theadタグ、tfootタグ
コンテンツ・モデル (子カテゴリ)	thタグ、tdタグ

属性

thタグには以下の属性が指定できます。

【属性】
属性	説明
colspan	セルを横に結合したい場合、結合するセルの数を指定（例）colspan="2"
rowspan	セルを縦に結合したい場合、結合するセルの数を指定（例）rowspan="2"
headers	関連する見出しセルを指定する（例）headers="h1" ※見出しのidを指定します。

【主要グローバル属性】
属性	説明
class	クラスを指定する（例）class="hoge"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="color:red;"

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

thタグでタイトル行を定義したサンプル

<table>
  <caption>【在庫一覧】</caption>
  <tr><th>商品</th><th>単価</th><th>個数</th><th>金額</th></tr>
  <tr><td>みかん</td><td>50</td><td>30</td><td>1,500</td></tr>
  <tr><td>りんご</td><td>100</td><td>20</td><td>2,000</td></tr>
  <tr><td>ぶどう</td><td>300</td><td>5</td><td>2,400</td></tr>
</table>

【在庫一覧】
商品	単価	個数	金額
みかん	50	30	1,500
りんご	100	20	2,000
ぶどう	300	5	2,400

備考

thは「table header cell」の略です。
thタグ内の文字は、デフォルトでは太字で表示されます。
見た目を変更したい場合は、スタイルシート（CSS）をご使用ください。

thタグ

解説

コンテンツ・モデル

属性

サンプル

thタグでタイトル行を定義したサンプル

備考

関連項目