<caption>要素は<table>要素にキャプション(表題)を記述するときに使います。
表の表題は<caption>要素として<table>に含ませます。
<table>
<caption>表の表題</caption>
<thead>
(見出し行の内容)
</thead>
<tbody>
(データ)
</tbody>
</table>
次の例は、キャプション付きテーブルを表示する例です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
</head>
<body>
<table>
<caption>各国の英語表記</caption>
<thead>
<tr>
<th>日本語</th>
<th>英語</th>
</tr>
</thead>
<tbody>
<tr>
<td>日本</td>
<td>Nippon</td>
</tr>
<tr>
<td>米国</td>
<td>United States of America</td>
</tr>
<tr>
<td>スペイン</td>
<td>Spain</td>
</tr>
</tbody>
</table>
</body>
</html>
これで、ブラウザには次のように表示されます。
日本語 | 英語 |
---|---|
日本 | Nippon |
米国 | United States of America |
スペイン | Spain |