html figureラベル

HTMLのfigureタグについて

figureタグの定義と使用方法

<figure>タグは、HTML5から導入されたタグで、図、画像、図表、コードスニペットなどの独立したブロック要素を表示するために使用されます。通常、<figure>タグの中には<img>タグや<figcaption>タグが含まれ、これらを組み合わせて意味を持つ情報を提供します。

ほとんどの主要なブラウザは<figure>タグをサポートしています。以下はサポート状況の表です。

<figure>タグには特定の属性やイベントはありません。しかし、他のHTML要素の中で使用される一般的なグローバルなHTML属性とイベントをサポートします。以下はその一覧です。

属性	説明
id	要素の一意の識別子を指定します。
class	CSSクラスを指定します。
title	要素に対する追加情報を提供します。マウスオーバー時に表示されます。
style	インラインスタイルを追加します。

以下に<figure>タグの使用例を示します。

<figure>
    <img src="/planets.gif" alt="サンプル画像">
    <figcaption>これはサンプル画像です。</figcaption>
</figure>