★HTML Living Standard リファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<figcaption> …… figure要素のキャプションを表す
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<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 ">前へ</a> — <a href="19416 ">次へ</a></nav>

↓↓↓

ブラウザ上の表示

キリストの亡骸を腕に抱く聖母マリア
サン・ピエトロ大聖堂のピエタ

■使用例

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

HTMLソース

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

↓↓↓

ブラウザ上の表示

カルガモの子育て

写真提供:ほのぼの動物園

HTMLソース

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

↓↓↓

ブラウザ上の表示

非営利のアパートを除く、3部屋のアパートの平均家賃

不動産統計局調べ —

■関連項目

  • <figure> …… キャプション情報を表す
  • <figcaption> …… figure要素のキャプションを表す
  • <img> …… 画像を表す
  • <video> …… ビデオを表す
  • <audio> …… サウンドやオーディオを表す
  • <article> …… 自己完結する内容であることを表す
  • <section> …… 一般的なセクションを表す
  • <nav> …… ナビゲーションリンクのセクションを表す
  • <aside> …… メインコンテンツとは別のコンテンツであることを表す
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
65 users signed up
もっと表示する