HTML5タグリファレンス
caption

投稿 | | カテゴリー タグリファレンス, HTML5

<caption>要素は、その親である<table>要素のタイトルを表します。親の<table>要素が、<figure>要素で唯一の内容となっている場合は<figcaption>を使用し、<caption>要素は省略するべきです。


カテゴリ
なし
配置場所
<table>要素の最初の子要素として。
内容
フロー・コンテンツ。
ただし、<table>要素を除く。
属性
グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

サンプル

<!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>