トップページ  > HTML5  > <figcaption>

★HTML5タグリファレンス

<figcaption> …… 図表のキャプションを示すHTML5から追加
Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera8Opera9Opera10

<figcaption>タグは、図表のキャプションを示す際に使用します。<figure>~</figure>の中に配置すると、図表にキャプションを付けることができます。

図表についての詳細は、<figure>タグのページを参照してください。

■HTML4.01からHTML5へのバージョンアップによる変更点

figcaption要素は、HTML5から新たに追加された要素です。

■使用例

HTMLソース

<p>カエルの生態に関しては、<a href="#kaeru">こちらの画像</a>でご確認いただけます。</p>

<figure id="kaeru">
<img src="../images/kaeru.gif" alt="葉っぱを傘代わりにするカエル">
<figcaption>カエルの生態</figcaption>
</figure>

<p>カエルは雨降りが好きなので…</p>
↓↓↓

ブラウザ上の表示

カエルの生態に関しては、こちらの画像でご確認いただけます。

葉っぱを傘代わりにするカエル
カエルの生態

カエルは雨降りが好きなので…

▲ページ先頭へ
トップページ  > HTML5  > <figure>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ