<th></th>
見出し用のセル
ブラウザ |
|
---|---|
DTD | Strict:使用可 / Transitional:使用可 / Frameset:使用可 |
タグ | 開始タグ:必須 / 終了タグ:省略可 |
分類 |
|
子要素 |
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では省略不可)