captionタグとは?|HTMLの表(テーブル)にタイトルや説明文を付けよう

captionタグとは?|HTMLの表(テーブル)にタイトルや説明文を付けよう
博士
<table>タグで作成した表(テーブル)には、タイトルや説明文を指定することができるぞ。
リンゴ
タイトルや説明文があれば、何についての表なのかも分かりやすくなりますね。
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<caption>タグとは

 

<caption>

対応ブラウザ Internet Explorer / Firefox / Google Chrome / Safari / Opera
分類
利用場所 table要素の最初の子要素として
内容 フロー・コンテンツ(ただし、table要素を入れることは不可)


 
 
<caption>タグは、表にキャプション(タイトルや説明文)を付ける際に使用するタグです。
<table>開始タグの直後に1つだけ配置することができます。
ただし、<figure>~</figure>の中にtable要素のみを入れた場合は、caption要素ではなくfigcaption要素でキャプションを付けてください。
 
 

使用例

 
 

表示例

ビートルズのメンバー
名前 担当
ジョン ボーカル・ギター
ポール ボーカル・ベース
ジョージ ギター
リンゴ ドラム
 
 

まとめ

<caption>タグは、表にキャプションを付ける際に使用するタグです。
 
 

博士
表にタイトルや説明文を付けたい場合に使おう。
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








captionタグとは?|HTMLの表(テーブル)にタイトルや説明文を付けよう