【HTML】figureタグ  - コンテンツのまとまり

【HTML】figureタグ - コンテンツのまとまり

HTMLのfigureタグについて解説します。

検証環境

figureタグ

figureタグは“コンテンツ(画像や動画など)のまとまり”を意味するタグです。

基本構文

<figure>
    コンテンツ要素(imgやaudio、videoなど)
    <figcaption>見出しや説明</figcaption>
</figure>

figure要素内のコンテンツに見出しや説明を付けるにはfigcaptionタグを使用します。

figcaption

figcaptionタグは“figure要素内のコンテンツの見出しや説明”を意味するタグです。

サンプル

___ih_hl_start
<figure>
    <img src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/figure/hacker-commandline.jpeg">
    <figcaption>Appを開発するエンジニア</figcaption>
</figure>
___ih_hl_end