<caption> - テーブルの見出し

• トップ
• HTMLリファレンス
• <caption>

• 概要
• 説明
• 属性
• 使用例
• リンク

概要

形式

<caption>～</caption>

サポート

https://caniuse.com/mdn-html_elements_caption

カテゴリ

該当無し

親要素

table要素 (最初の子要素として)

子要素

フローコンテンツ (ただし、table要素を子孫に持つことはできない)

タグの省略

開始タグ: 必須
終了タグ(HTML 5.2): 必須
終了タグ(HTML Living Standard): 直後に ASCII ホワイトスペースやコメントが続かなければ省略可能。

属性

グローバル属性

説明

<caption> は、テーブルの見出しを記述するために用います。<table> の開始タグの直後に一回だけ記述できます。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

align=align

[非推奨] H3-H4T/e2-9/N2

表示位置を指定します。HTML5 や HTML Living Standard では廃止されました。代わりにスタイルシートの caption-side や text-align を利用してください。

top

上側中央(H3/e2-10/N2)(既定値)

bottom

下側中央(H3/e2-10/Ed/Ch/Fx/Op/Sa/N2)

left

左隅(H4/e2-10/Fx)

right

右隅(H4/e2-10/Fx)

center

中央(e2-10)

valign=valign

[非推奨] e2-9

縦方向の表示位置を指定します。Internet Explorer 2～9 でサポートされていました。

top

上側(既定値)

bottom

下側

使用例

table { border-collapse: collapse; }
th, td { border: 1px solid #999; padding: .2rem 1rem; }
th { background-color: #ddd; }

<table>
 <caption>【県庁所在地】</caption>
 <tr><th>県名</th><th>県庁所在地</th></tr>
 <tr><td>宮城</td><td>仙台</td></tr>
 <tr><td>愛媛</td><td>松山</td></tr>
 <tr><td>沖縄</td><td>那覇</td></tr>
</table>

リンク

• https://html.spec.whatwg.org/multipage/tables.html#the-caption-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/caption
• https://caniuse.com/mdn-html_elements_caption