<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
下側

使用例

HTML
table { border-collapse: collapse; }
th, td { border: 1px solid #999; padding: .2rem 1rem; }
th { background-color: #ddd; }
HTML
<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>
表示
【県庁所在地】
県名県庁所在地
宮城仙台
愛媛松山
沖縄那覇
Copyright (C) 1996-2017 杜甫々
初版:1996年9月10日 最終更新:2017年12月31日
https://www.tohoho-web.com/html/caption.htm