<figcaption> …… figure要素のキャプションを表す

<figcaption>タグは、親となるfigure要素のキャプションを表す際に使用します。

figure要素が表すのは、主軸となるコンテンツの理解を深めるための説明、図表、表題、字幕などです。 figcaption要素が表すのは、親要素となるfigure要素のキャプションです。 例えば、説明の件名、図表のタイトル、表題の名称、字幕の呼び名などです。

figure要素にキャプションを付ける際には、その子要素としてfigcaption要素を配置します。 figure要素の最初の子要素にfigcaption要素があれば、そのfigure要素のコンテンツのキャプションを表します。 figure要素の子要素にfigcaption要素がなければ、そのfigure要素のコンテンツにキャプションはありません。

■使用例

以下のサンプルは、写真をfigure要素でマークアップして、 そのfigure要素にfigcaption要素でキャプションを付けています。

HTMLソース

<figure>
 <img src="./sample/pieta.jpg" alt="キリストの亡骸を腕に抱く聖母マリア">
 <figcaption>サン・ピエトロ大聖堂のピエタ</figcaption>
</figure>
<nav><a href="19414.html">前へ</a> — <a href="19416.html">次へ</a></nav>

↓↓↓

ブラウザ上の表示

■使用例

figcaption要素には、ソースに関する追加情報を含めることもできます。 以下のサンプルは、figcaption要素の子孫にp要素やsmall要素を使用しています。

<figcaption>
 <p>カルガモの子育て</p>
 <p><small>写真提供：ほのぼの動物園</small></p>
</figcaption>

<figcaption>
 <p>非営利のアパートを除く、3部屋のアパートの平均家賃</p>
 <p>不動産統計局調べ — <time datetime=2017-11-14>2017年11 月14日</time></p>
</figcaption>

■関連項目

Sponsors