caption要素とは
<caption>
要素は、table captionの略で、表のタイトルを表す要素です。
この<caption>
要素は、<table>
要素内の先頭に1つだけ配置することが可能です。
- 意味・役割
-
表(テーブル)のタイトルを表す要素
- 利用できるバージョン(HTML4.01以降)
-
全てのバージョン
- コンテンツ・カテゴリ
-
なし
(HTML5より前:なし)
- コンテンツ・モデル(梱包できる要素)
-
フロー・コンテンツ。
ただし、子孫に<table>
要素は配置できない。
(HTML5より前:インライン要素のみ)
- この要素を配置できる親要素
-
<table>
要素。
(<table>
要素内の最初の子要素として配置。)
caption要素で使える属性
どの要素にでも使えるグローバル属性と以下の属性が使えます。
align属性 XHTML1.1で廃止
align
属性は、キャプションの表示位置を指定する属性です。この属性を使用しない時は、"top" となり表の上部に表示されます。なお、この属性は視覚的な表現を行う属性で、HTML4.01以降は非推奨、XHTML1.1で廃止になりました。同様の表現を行うには、CSSのcaption-side
プロパティや、text-align
プロパティで行うようにしましょう。
- 属性値
-
- "top": 表の上部
- "bottom": 表の下部
- "left": 表の左側 (一部のブラウザは、表の上部でテキストを左揃えで表示)
- "right": 表の右側 (一部のブラウザは、表の上部でテキストを右揃えで表示)
- 利用できるバージョン(HTML4.01以降)
-
HTML4.01 (Transition/Frameset)、XHTML1.0 (Transition/Frameset)
caption要素のサンプル
caption要素の注意点
もし、<table>
要素が、<figure>
要素内の唯一のコンテンツの場合は、表見出しに<caption>
要素ではなく、
<figcaption>
要素を使いましょう。
仕様
- HTML5.1
-
4.9.2. The caption element
- HTML5
-
4.9.2 The caption element
- HTML4.01
-
11.2.2 Table Captions: The CAPTION element
関連する要素