th
見出し用のセル
<th></th>
td要素とth要素は、表のセルを示す要素です。
セルの内容が「データに対する見出し」の場合は、このth要素(見出し用のセル)を使用します。
<table>
<thead>
<tr>
<th>見出しセル1</th>
<th>見出しセル2</th>
</tr>
</thead>
<tbody>
<tr>
<td>データセル1</td>
<td>データセル2</td>
</tr>
</tbody>
</table>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
任意属性 | |||
align | セル内の位置指定 (水平方向) | left | 左寄せ |
center | 中央揃え (初期値) | ||
right | 右寄せ | ||
justify | 両端揃え | ||
char | char属性で指定した文字の位置で揃える | ||
valign | セル内の位置指定 (垂直方向) | top | 上揃え |
middle | 中央揃え (初期値) | ||
bottom | 下揃え | ||
baseline | 1行目をベースラインで揃える | ||
char | 位置揃えの対象文字 | 文字 | 任意の文字 (初期値は小数点) |
charoff | セルの端から対象文字までの距離 | 数値、% | ピクセル数またはパーセント |
colspan | セルの結合 (水平方向) | 数値 | 結合するセルの数 (初期値は 1) |
rowspan | セルの結合 (垂直方向) | 数値 | 結合するセルの数 (初期値は 1) |
abbr | セルの内容の省略形 | テキスト | 省略形のテキスト |
headers | 関連する見出しセルの指定 | ID名 | 見出しセルのID名 (半角スペース区切りで複数指定可能、大文字小文字の区別あり) |
scope | 見出しの対象範囲 | row | 行方向(横列)のセルを対象にする |
col | 列方向(縦列)のセルを対象にする | ||
rowgroup | 行グループ内のセルを対象にする | ||
colgroup | 列グループ内のセルを対象にする | ||
axis | セルの分類 | 文字列 | 分類名 (カンマ( , )区切りで複数指定可能) |
非推奨属性 | |||
width | セルの幅 | 数値、% | ピクセル数またはパーセント |
height | セルの高さ | 数値、% | ピクセル数またはパーセント |
bgcolor | セルの背景色 | 色 | 色のコードまたはネーム |
nowrap | セル内の自動改行を禁止 | (nowrap) | 値は省略 |
- align属性の「char」値、char属性、charoff属性、この3つの指定に対応しているブラウザはほとんど無いようです。
- char属性、およびcharoff属性の指定は、align属性で「char」を指定した場合に有効となります。
- colspan属性の値に「0」を指定すると、そのセルから列グループ(colgroup要素)の終わりのセルまでが結合されます。しかし、この指定方法は一部のブラウザでしか対応していません。
- rowspan属性の値に「0」を指定すると、そのセルから行グループ(thead要素、tfoot要素、tbody要素)の終わりのセルまでが結合されます。しかし、この指定方法は一部のブラウザでしか対応していません。
- abbr属性、headers属性、scope属性、axis属性の各指定は、主に音声ブラウザなどで利用されることになります。
- abbr属性とscope属性は、通常は見出しのセルに対して指定します。
- headers属性とscope属性は同じ機能を持ちます(見出しとデータセルとを関連付けます)。複雑な表の場合(個別に関連付ける場合)はheaders属性を使用し、単純な表の場合(一括で関連付ける場合)はscope属性を使用します。
- headers属性を指定する場合は、対象となる見出しセルにIDを指定しておく必要があります。
- axis属性を指定する場合は、headers属性、またはscope属性で、データセルを関連付けておく必要があります。
- nowrap属性は、値を省略して記述します。(XHTMLでは省略不可)
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
<th align="left" valign="top" nowrap>見出しセル</th>