<caption>タグは、テーブル(表)にキャプションをつける際に使用します。 <caption>は<table>~</table>の最初の子要素として配置します。
キャプションとは、表のタイトルや説明のことです。 例えば、<caption>~</caption>の中に段落を配置して、表の説明文を入れても問題ありません。
<figure>~</figure>の子要素に、 <figcaption>と<table>しか存在しない場合、 <figcaption>がテーブルのキャプションとして機能するので、<caption>は省略するべきでしょう。
一般的なブラウザでは、キャプションはテーブルの上部に表示されますが、 CSSのcaption-sideプロパティで表示位置を指定することができます。
HTML4.01では、caption要素には揃え位置を指定するalign属性が、非推奨とされながらも用意されていました。 HTML5では、caption要素のalign属性は廃止されています。 揃え位置の指定にはCSSを使用してください。
1 | 2 | 3 | 4 | 5 | 6 | |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
4 | 5 | 6 | 7 | 8 | 9 | 10 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |