Apr. 15th,2015
＃
要素について
| カテゴリー | なし |
| 利用場所 | “table”要素の最初の子要素として |
| 内容 | フロー・コンテンツ(ただし、“table”要素を子孫要素に持つことはできない) |
| タグの省略 | 直後にASCII空白文字もしくはコメントが続かない場合は終了タグは省略可能 |
“caption”要素は親要素の“table”要素が表す表のタイトルを表す要素です。
“caption”要素は表示したい位置にかかわらず“table”要素の最初の子要素として配置しなければなりません。表示位置はスタイルシートの“caption-side”プロパティや“text-align”プロパティで指定できます。
サンプルコード
<table>
<caption>世界の建造物の高さランキング</caption>
<tr>
<th>順位</th>
<th>名前</th>
<th>高さ</th>
</tr>
<tr>
<td>1</td>
<td>ブルジュ・ハリファ</td>
<td>829.8m</td>
</tr>
<tr>
<td>2</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>3</td>
<td>上海中心</td>
<td>632.0m</td>
</tr>
<tr>
<td>4</td>
<td>KVLY-TV塔</td>
<td>628.8m</td>
</tr>
</table>
| 順位 | 名前 | 高さ |
|---|---|---|
| 1 | ブルジュ・ハリファ | 829.8m |
| 2 | 東京スカイツリー | 634.0m |
| 3 | 上海中心 | 632.0m |
| 4 | KVLY-TV塔 | 628.8m |
＃
＃
仕様書
“caption”要素はHTML2.0の後に発行された“HTML Tables (RFC 1942)”から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。
DOMインターフェース
[Exposed=Window]
interface HTMLTableCaptionElement : HTMLElement {
[HTMLConstructor] constructor();
// also has obsolete members
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
caption {
unicode-bidi: isolate;
display: table-caption;
text-align: center;
}
/* 文書の文字エンコーディングが ISO-8859-8 である場合 */
caption {
unicode-bidi: bidi-override;
}
