HTML - table / caption 要素

概要

名前
table / caption
カテゴリー
table
  • Flow content
  • Palpable content
caption
なし
配置できる場所
table
Flow content が期待される場所。
caption
table 要素の最初の子要素として配置すること。
コンテンツモデル
table
任意で caption要素、それに続く 0 個以上の colgroup 要素、任意でそれに続く thead要素、それに続く 0 個以上の tbody 要素、または 1 個以上の tr 要素、任意でそれに続く tfoot 要素
caption
Flow content。ただし、table 要素の祖先になってはいけない。
説明
table
table 要素は、表の全体を表す要素です。表関連の各種要素はすべてこの要素の中に配置します。表内部のマークアップは、各セルを th 要素 (見出しセル)、td 要素 (データセル)で表し、それらを一行ごとに tr 要素でグループ化します。
caption
caption 要素は、表のタイトルを表す要素です。タイトルのテキストには、表の内容 (セル同士の関係など) が理解しやすくなるような説明を含めるべきです。
タグの省略
table
開始タグも終了タグも省略できません。
caption
開始タグも終了タグも省略できません。
DOM Interface
table
HTMLTableElement
caption
HTMLTableCaptionElement
仕様書
要素仕様書策定状況コメント
tableLS:現行の標準
REC:勧告
captionLS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
table111
caption1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

table 要素の属性

table 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
align111
bgcolor111
border111
cellpadding111
cellspacing111
frame111
rules111
summary111
width111
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

非推奨の属性

align
非推奨。新しいウェブサイトでは使用しないでください。
bgcolor
非推奨。新しいウェブサイトでは使用しないでください。
border
非推奨。新しいウェブサイトでは使用しないでください。
cellpadding
非推奨。新しいウェブサイトでは使用しないでください。
cellspacing
非推奨。新しいウェブサイトでは使用しないでください。
frame
非推奨。新しいウェブサイトでは使用しないでください。
rules
非推奨。新しいウェブサイトでは使用しないでください。
summary
非推奨。新しいウェブサイトでは使用しないでください。
width
非推奨。新しいウェブサイトでは使用しないでください。

caption 要素の属性

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

非推奨の属性

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

サンプルコード

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

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

関連記事

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

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