最終更新日
親要素であるtr要素の行内に、データ用のセルを作ります。個々のtd要素内に含まれる内容が、表の各セルのデータとなります。
colspan属性では、複数の列にまたがった結合セルを構成できます。1以上の整数で列数を指定します。またrowspan属性では、複数の行にまたがった結合セルを構成できます。0以上の整数での指定が可能です。
headers属性では、音声読み上げブラウザなどでの利用のために、各セルに対応する見出し情報を含めることができます。対応するth要素に、あらかじめid属性を設定しておくことで、headers属性でそのID名を指定可能です。この場合、ID名の大文字小文字は区別されます。半角スペースで区切って、複数のID名を指定できます。
td要素の終了タグは、直後がtd要素またはth要素の場合、またはtd要素が親要素内の最終コンテンツである場合に省略可能です。
カテゴリ | タグの省略 | 親要素 | 子要素 |
---|---|---|---|
Sectioningルート | 終了タグのみ省略可能 | tr | Flowコンテンツ |
属性 | 値 | 説明 |
---|---|---|
colspan | 数値 | 列の数を整数で指定します。 |
rowspan | 数値 | 行の数を整数で指定します。 |
headers | ID名 | 対応するth要素のid属性の値を指定します。 |
グローバル属性 | - | - |
イベント属性 | - | - |
<body> <table> <caption>料金表</caption> <thead> <tr> <th id="product">商品名</th> <th id="charge">料金</th> </tr> </thead> <tbody> <tr> <td headers="product">ハンバーガー</td> <td headers="charge">100円</td> </tr> <tr> <td headers="product">チーズバーガー</td> <td headers="charge" rowspan="2">120円</td> </tr> <tr> <td headers="product">フィレオフィッシュ</td> </tr> </tbody> </table> </body>