画像+キャプション

キャプションテキストが付いた画像を表示させるモジュール

キャプション付き画像は、記事コンテンツなどで使用することが多い

画像とキャプションがセットになったモジュール

キャプション付きの画像は <figure> タグ、<figcaption> タグを使用する

          <figure>
            <img src="...">
            <figcaption> キャプションテキスト </figcaption>
          </figure>

<figure> は図を意味するタグ

<figure>～</figure> には画像やテーブルなど、表示したい図を含める

<figcaption> タグは図Ⅱ付けるキャプションを表す

<figcaption> は、必ず <figure>～</figure> の中で使う

キャプションのテキストはデフォルトでは左揃え

中央揃え、右揃えにも CSS の記述で可能