caption要素 -- 表題

基本データ

caption要素
文書型 適用 子要素 開始タグ 終了タグ 分類
Strict ○ インライン要素 必須 必須 table要素の子要素
Transitional ○
Frameset ○

属性

固有属性

align="表示位置"(非推奨)
Strict: × | Transitional: △ | Frameset: △
表題の表示位置を指定します。利用できる値は次のとおりです。この属性は非推奨です。
top
表の上
bottom
表の下
left
表の左
right
表の右

CSSを使って次のように指定できます。

表の上
caption { caption-side: top; }
表の下
caption { caption-side: bottom; }
表の左
caption { caption-side: left; }
表の右
caption { caption-side: right; }

解説

表に短いタイトルや説明をつける要素です。<table>タグの直後にひとつだけ配置することができます。子要素にはインライン要素を含むことができるので、a要素でハイパーリンクを設置することなどが可能です。

caption要素で表題をつける以外に、table要素のsummary属性で表の内容や構造を示すことが推奨されています。

<table summary="2/10日の各都市の天気を現した表です。
1列目から3列目までがそれぞれ都市名、天気、降水確率になります。">
  <caption>2月10日の天気</caption>
  <tr>
    <th>都市</th><th>天気</th><th>降水確率</th>
  </tr>
  <tr>
    <td>東京</td><td>晴れ</td><td>0%</td>
  </tr>
  <tr>
    <td>大阪</td><td>曇り</td><td>30%</td>
  </tr>
</table>
2月10日の天気
都市天気降水確率
東京晴れ0%
大阪曇り30%

Strict DTDの定義

<!ELEMENT CAPTION  - - (%inline;)*     -- table caption -->
<!ATTLIST CAPTION
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Information

現在の位置