画像・動画などの独立コンテンツ

画像・動画などの独立コンテンツを作成するときには、画像・動画を表す要素と、コンテンツのキャプションfigcaption要素をfigureタグで囲みます。

【構文】

<figure>
<img src=”画像ファイルのパス” alt=”代替テキスト”>
<figcaption>画像のキャプション</figcaption>
</figure>

<figure>
<video src=”動画ファイルのパス” type=”ファイルタイプ” オプション>
ブラウザが対応していないときに表示するメッセージ
</video>
<figcaption>動画のキャプション</figcaption>
</figure>