HTML <caption> タグ

例

A table with a caption:

<table>
<caption>Monthly savings</caption>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
</table>

Try it Yourself ❯

定義と用法

<caption> タグは、テーブルの表題を定義します。

<caption> タグは、<table>タグの直後に挿入しなければなりません。

注:1 テーブルにつき、1 つの表題しか指定できません。

チップ: デフォルトでは、表題はテーブルの上に中央揃えで配置されます。しかし、CSS プロパティの text-align および caption-side を、表題の整列と配置に使用することができます。

ブラウザ・サポート

要素
<caption>	Yes	Yes	Yes	Yes	Yes

HTML 4.01 と HTML5 の相違点

align 属性は、HTML5 から削除されました。/p>

属性

属性	値	説明
align	left right top bottom	HTML5 ではサポート対象外。表題の配置を定義する

グローバル属性

<caption> タグは、HTML のグローバル属性もサポートします。

イベント属性

<caption> タグは、HTML のイベント属性もサポートします。

デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <caption> 要素を表示しています：

例

caption {
display: table-caption;
text-align: center;
}