目次に戻る

td要素:HTML Living Standard各要素別メモ

概要

カテゴリー
  • なし。
配置できる場所
内容モデル
属性
  • グローバル属性
  • colspan→0を除く1000以下の非負整数。横方向に結合されるセル数を指定。デフォルトは、1
  • rowspan→65534以下の非負整数。縦方向に結合されるセル数を指定。デフォルトは、10の場合は、所属行グループ内における縦方向の残りのセルすべてを結合することを意味する。
  • headersth要素id属性値を、半角スペース区切りで複数指定可能。当該セルに対応する見出しセルを指定する。
HTML構文におけるタグの省略
  • 終了タグ→一定条件で可。
WAI-ARIA
  • roleが(デフォルトでそうである場合も含めて)tabletable要素子孫である場合は、
    • デフォルトroleは、cellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • rolegrid又はtreegridtable要素子孫である場合は、
    • デフォルトroleは、gridcellデフォルトrolerole属性値に指定することは、推奨されない。
    • デフォルトrole以外のroleは、指定不可。
  • そうでない場合は、
    • すべてのroleが指定可能。
  • colspan属性が指定されている場合は、aria-colspan属性を指定すべきではない。
  • colspan属性値と合致しないaria-colspan属性値を指定してはならない。
  • rowspan属性が指定されている場合は、aria-rowspan属性を指定すべきではない。
  • rowspan属性値と合致しないaria-rowspan属性値を指定してはならない。
視覚系ブラウザデフォルトとして期待されるCSS

  td {
    display: table-cell;
    unicode-bidi: isolate;
    padding: 1px;
    vertical-align: inherit;
  }
  
ユーザーエージェントに対する特記事項
  • テーブル二次元グリッドとして表示することが実用的ではない環境(例えば、音声出力)において、セル内容を提示するときに、当該セルに関する情報(例えば、当該セルの位置情報、当該セルに対応する見出しセルの一覧など)を追加してもよい。
意味・用法

テーブルのデータのセルを表す。

アクセシビリティ関連

私見・補足

td要素a要素で囲んでしまうと、tr要素内容モデルに抵触する。td要素をまるごとリンク化するなら、td要素内容a要素で囲む。

表示確認

table要素を参照。