<caption> 要素は、その親である<table> 要素のタイトルを表します。親の<table> 要素が、<figure> 要素で唯一の内容となっている場合はfigcaptionを使用し、<caption> 要素は省略するべきです。
- カテゴリー
- なし
- 配置場所
<table> 要素の最初の子要素として。- 内容
- フロー・コンテンツ。ただし、
<table> 要素を除く。 - 属性
サンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › caption</title>
</head>
<body>
<h1>HTML5 › caption</h1>
<table class="dice-example">
<caption>
<p>表1</p>
<p>この表では2つのサイコロを振った時の合計を表しています。最初の行は1つ目のサイコロ、最初の列は2つ目のサイコロの出目を表しています。1つ目と2つ目の出目が交差したセルが合計値です。</p>
</caption>
<tr><th> </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th><th> 5 </th><th> 6 </th></tr>
<tr><th> 1 </th><td> 2 </td><td> 3 </td><td> 4 </td><td> 5 </td><td> 6 </td><td> 7 </td></tr>
<tr><th> 2 </th><td> 3 </td><td> 4 </td><td> 5 </td><td> 6 </td><td> 7 </td><td> 8 </td></tr>
<tr><th> 3 </th><td> 4 </td><td> 5 </td><td> 6 </td><td> 7 </td><td> 8 </td><td> 9 </td></tr>
<tr><th> 4 </th><td> 5 </td><td> 6 </td><td> 7 </td><td> 8 </td><td> 9 </td><td> 10 </td></tr>
<tr><th> 5 </th><td> 6 </td><td> 7 </td><td> 8 </td><td> 9 </td><td> 10 </td><td> 11 </td></tr>
<tr><th> 6 </th><td> 7 </td><td> 8 </td><td> 9 </td><td> 10 </td><td> 11 </td><td> 12 </td></tr>
</table>
</body>
</html>