HTML - thead / tbody / tfoot 要素

概要

名前
thead / tbody / tfoot
カテゴリー
thead
なし。
tbody
なし。
tfoot
なし。
配置できる場所
thead
table 要素の子要素として、caption 要素、colgroup 要素よりも後で、かつ tbody 要素tfoot 要素、または tr 要素よりも前に配置すること。
tbody
table 要素の子要素として、caption 要素、colgroup 要素、thead 要素よりも後に配置すること。ただし、同じ table 要素の子要素に tr 要素があってはいけない。
tfoot
table 要素の子要素として、caption 要素、colgroup 要素、thead 要素、tbody 要素、または tr 要素よりも後に配置すること。ただし、同じ table 要素の子要素に別の tfoot 要素があってはいけない。
コンテンツモデル
thead
0 個以上の tr 要素
tbody
0 個以上の tr 要素
tfoot
0 個以上の tr 要素
説明
thead
thead 要素は、表のヘッダーとなっている横列をグループ化する要素です。要素内容として「th 要素で構成される tr 要素」のみを含みますが、表によっては td 要素を含む場合もあります。例えば、見出しセルの内容を補足する情報を格納するために th 要素の下の td 要素も使用している場合などです。
tbody
tbody 要素は、表の本体 (ヘッダーやフッターでない部分) となっている横列をグループ化する要素です。
tfoot
tfoot 要素は、表のフッター (合計などを表す部分) となっている横列をグループ化する要素です。
タグの省略
thead
tbody 要素tfoot 要素が後に続く場合、終了タグを省略できる。
tbody
最初の子要素が tr要素で、かつ直前に終了タグを省略した thead 要素、tbody 要素、tfoot 要素がない場合、開始タグを省略できる。別の tbody 要素、または tfoot 要素が後に続く場合、終了タグを省略できる。親要素にこれ以上コンテンツがない場合、終了タグを省略できる。
tfoot
親要素にこれ以上コンテンツがない場合、終了タグを省略できる。
DOM Interface
thead
HTMLTableSectionElement
tbody
HTMLTableSectionElement
tfoot
HTMLTableSectionElement
仕様書
要素仕様書策定状況コメント
theadLS:現行の標準
REC:勧告
tbodyLS:現行の標準
REC:勧告
tfootLS:現行の標準
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
thead11
tbody11
tfoot11
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

thead 要素の属性

thead 要素の属性サポートブラウザ
属性名 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
非推奨。新しいウェブサイトでは使用しないでください。

tbody 要素の属性

tbody 要素の属性サポートブラウザ
属性名 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
非推奨。新しいウェブサイトでは使用しないでください。

tfoot 要素の属性

tfoot 要素の属性サポートブラウザ
属性名 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
非推奨。新しいウェブサイトでは使用しないでください。

サンプルコード

thead / tbody / tfoot 要素のサンプルコードは以下のとおりです。

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

関連記事

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

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