HTML <caption>タグ
例
キャプション付きの表：
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
タグはテーブルの<caption>キャプションを定義します。
タグは、 <table>タグの<caption>直後に挿入する必要があります
。
ヒント：デフォルトでは、表のキャプションは表の上に中央揃えで配置されます。ただし、CSSプロパティの text-alignとcaption-side を使用して、キャプションの配置と配置を行うことができます。
ブラウザのサポート
| Element | |||||
|---|---|---|---|---|---|
| <caption> | Yes | Yes | Yes | Yes | Yes |
グローバル属性
この<caption>タグは、HTMLのグローバル属性もサポートしています。
イベント属性
この<caption>タグは、HTMLのイベント属性もサポートしています。
その他の例
例
位置テーブルのキャプション（CSSを使用）：
<table>
<caption style="text-align:right">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption
style="caption-side:bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
関連ページ
HTML DOMリファレンス：キャプションオブジェクト
デフォルトのCSS設定
ほとんどのブラウザは<caption>、次のデフォルト値で要素を表示します。
例
caption {
display: table-caption;
text-align: center;
}