HTML - tr / th / td 要素

概要

名前
tr / th / td
カテゴリー
tr
なし。
th
なし。
td
Sectioning content
配置できる場所
tr
thead 要素、または tbody 要素、または tfoot 要素の子要素として配置します。table 要素tbody 要素を子要素に持たない場合に限り、caption 要素、または colgroup 要素、または thead 要素の後か、最初の子要素として配置できます。
th
tr 要素の子要素として配置すること。
td
tr 要素の子要素として配置すること。
コンテンツモデル
tr
0 個以上の td 要素、または th 要素。
th
Flow content。ただし、header 要素、footer 要素、Sectioning content、Heading content の祖先となってはいけない。
td
Flow content
説明
tr
tr 要素は、表内の横一列分のセルを含む列を表す要素です。
th
th 要素は、表内のひとつの見出しセルを表す要素です。セルの内容として「見出し」ではなく「データ」を入れる場合には td 要素を使用します。
td
td 要素は、表内のひとつのデータセルを表す要素です。セルの内容として「データ」ではなく「見出し」を入れる場合には th 要素を使用します。
タグの省略
tr
別の tr 要素が後に続く場合、終了タグを省略できる。親要素にこれ以上コンテンツがない場合、終了タグを省略できる。
th
別の td 要素、または th 要素が後に続く場合、終了タグを省略できる。または、親要素にこれ以上コンテンツがない場合、終了タグを省略できる。
td
別の td 要素、または th 要素が後に続く場合、終了タグを省略できる。または、親要素にこれ以上コンテンツがない場合、終了タグを省略できる。
DOM Interface
tr
HTMLTableRowElement
th
HTMLTableCellElement
td
HTMLTableCellElement
仕様書
要素仕様書策定状況コメント
trLS:現行の標準
REC:勧告
thLS:現行の標準
REC:勧告
tdLS:現行の標準
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
tr11
th11
td11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

tr 要素の属性

tr 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
align×
bgcolor××
char×
charoff×
valign×
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
char
非推奨。新しいウェブサイトでは使用しないでください。
charoff
非推奨。新しいウェブサイトでは使用しないでください。
valign
非推奨。新しいウェブサイトでは使用しないでください。

th 要素の属性

th 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
abbr11
align×
axis11
bgcolor××
char×
charoff×
colspan11
headers11
rowspan11
scope11
valign×
width11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
abbr
この属性は、セルの内容の簡潔な説明を持ちます。読み上げソフトなど一部のユーザエージェントは、内容自体の前にこの説明を提供することがあります。
colspan
この属性はセルをいくつの列に広げるかを示す負でない整数を持ちます。既定値は 1 です。1000 を超える値は正しくないとみなされ、既定値が設定されます。
headers
この属性は、空白文字で区切られた文字列のリストを持ちます。各々の文字列は、この要素に当てはめる th 要素の id 属性と対応します。
rowspan
この属性はセルをいくつの行に広げるかを示す、負でない整数を持ちます。既定値は 1 です。0 を設定した場合は、セルが属する表セクション (thead, tbody, tfoot, 暗黙的に定義されたものも含む) の終端まで拡張します。65534 より大きな値は 65534 に切り詰めます。
scope
これは列挙型の属性で、この (th で定義されている) 見出し要素が関連するセルを定義します。次の値を取ることができます。
  • row: この見出しはその行に属するすべてのセルに関連します。
  • col: この見出しはその列に属するすべてのセルに関連します。
  • rowgroup: この見出しは行グループに属し、その中のすべてのセルに関連します。これらのセルは table 要素dir 属性の値によって、見出しの右又は左に配置されます。
  • colgroup: この見出しは列グループに属し、その中のすべてのセルに関連します。
  • auto: 上記が指定されなかった場合の既定値です。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
axis
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
char
非推奨。新しいウェブサイトでは使用しないでください。
charoff
非推奨。新しいウェブサイトでは使用しないでください。
valign
非推奨。新しいウェブサイトでは使用しないでください。
width
非推奨。新しいウェブサイトでは使用しないでください。

td 要素の属性

td 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
abbr11
align×
axis11
bgcolor××
char×
charoff×
colspan11
headers11
rowspan11
scope11
valign×
width11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
abbr
この属性は、セルの内容の簡潔な説明を持ちます。読み上げソフトなど一部のユーザエージェントは、内容自体の前にこの説明を提供することがあります。
colspan
この属性はセルをいくつの列に広げるかを示す負でない整数を持ちます。既定値は 1 です。1000 を超える値は正しくないとみなされ、既定値が設定されます。
headers
この属性は、空白文字で区切られた文字列のリストを持ちます。各々の文字列は、この要素に当てはめる th 要素の id 属性と対応します。
rowspan
この属性はセルをいくつの行に広げるかを示す、負でない整数を持ちます。既定値は 1 です。0 を設定した場合は、セルが属する表セクション (thead, tbody, tfoot, 暗黙的に定義されたものも含む) の終端まで拡張します。65534 より大きな値は 65534 に切り詰めます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
axis
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
char
非推奨。新しいウェブサイトでは使用しないでください。
charoff
非推奨。新しいウェブサイトでは使用しないでください。
scope
非推奨。新しいウェブサイトでは使用しないでください。
valign
非推奨。新しいウェブサイトでは使用しないでください。
width
非推奨。新しいウェブサイトでは使用しないでください。

サンプルコード

tr / th / td 要素のサンプルコードは以下のとおりです。

<table>
  <caption> ... </caption>
  
  <thead>
    <tr>
      <th> ... </th>
    </tr>
  </thead>
  
  <tbody>
    <tr>
      <td> ... </td>
    </tr>
  </tbody>
  
  <tfoot>
    <tr>
      <td> ... </td>
    </tr>
  </tfoot>
  
</table>
tr / th / td 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
35
Shares:
0
Tag:
HTML
hatebu icon
hatebu