HTML5タグ虎の巻

figureタグ

HTML5

figureは、参照される図表を表すタグです。

コンテンツ・モデル

カテゴリー (自カテゴリ)	フロー・コンテンツ
コンテキスト (親カテゴリ)	フロー・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	フロー・コンテンツ

属性

figureタグには以下の属性が指定できます。

【主要グローバル属性】
属性	説明
class	クラスを指定する（例）class="hoge"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="color:red;"

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

figureを使ったサンプル

<p>うちの<a href="#tama">タマ</a>です。</p>

<figure id="tama">
  <figcaption>タマ</figcaption>
  <img src="image/cat.png" alt="タマ">
</figure>

うちのタマです。

タマ

備考

figcaptionタグで画像にタイトルを指定することもできます。

関連項目

figure：参照される図表を表す
figcaption：図表にタイトルを付ける

HOMEへ　 TOPへ