HTML5

タグ(要素)

TD

  編集:2022.06.28 by T.A.

mdn

表のセルを表す。

この要素を使用できる文脈

TR 要素の子として。

内容モデル

フロー内容

text/htmlにおけるタグ省略

TD 要素が別の TD または TH 要素の直後に存在する場合、または親要素に追加の内容が存在しない場合、TD 要素の終了タグは省略することができる。

内容属性

colspan属性

セルがまたがる列の数。

この属性を指定してもよい。その値は、0 より大きくかつ 1000 以下の妥当な負でないの整数を指定しなければならない。

<TABLE class=Test>
 <TR><TD colspan=2>1<TD>2<TD>3
 <TR><TD>1<TD>2<TD>3<TD>4
</TABLE>

rowspan属性

セルがまたがる行の数。

属性を指定してもよい。その値は 65534 以下の妥当な負でないの整数を指定しなければならない。この属性の場合、値 0 は、セルが行グループにおいて残りのすべての行にまたがることを意味する。

<TABLE class=Test>
 <TR><TD rowspan=2>1<TD>2<TD>3<TD>4
 <TR><TD>1<TD>2<TD>3
</TABLE>

headers属性

該当セルに対するヘッダー セル。

属性を持ってもよい。headers 属性が指定される場合、順不同の一意な空白区切りトークンの集合からなる文字列を含まなければならず、他のトークンと同一のものはなく、それぞれが TD または TH 要素と同じテーブルに参加している TH 要素の ID の値を持たなければならず、それぞれが、(テーブル モデルによって定義されるように)TD または TH 要素と同じテーブルに参加している TH 要素の ID の値を持たなければならない。

この例では、「1100億円」のセルは、headers属性で「売上」(id ="sales")と「2016年」(id ="y2016")の2つのヘッダー セルが指定されています。従って,音声読み上げソフトでは、「売上げ 2016年 1100億」と読み上げられます。

<TABLE>
 <TR><TH>年度<TH id="y2016">2016年<TD>…
 <TR><TH id="sales">売上<TD headers="sales y2016">1100億<TD>…
</TABLE>
年度2016年
売上1100億

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: