<figure> - 図表

トップ > HTMLリファレンス > <figure>

概要

形式
<figure>~</figure>
サポート
LS / H5 / e9 / Ch1 / Fx4 / Sa1 / Op11.1
カテゴリ
フローコンテンツ
セクショニングルート
パルパブルコンテンツ
親要素
フローコンテンツ を子要素に持てるもの
子要素
フローコンテンツ と 0個か1個の figcaption要素。figcaption要素は最初か最後に記述する。
タグの省略
開始タグ:必須 / 終了タグ:必須
属性
グローバル属性

説明

本筋とは直接には関係しない写真、図表やソースコードなどを記述します。

figure要素のキャプションを figcaption要素で指定することができます。figcaption要素は省略可能です。省略しない場合、HTML5 では figcaption要素は、figure要素の一番最初、または、一番最後に記述する必要があります。HTML 5.1 ではこの制限は解除されましたが、HTML Living Standard では制限されたままです。

Internet Explorer, Groogle Chrome, Firefox, Safari, Opera などの主要ブラウザでは、通常よりも少し右寄り(左インデントをつけて)表示されるようです。

属性

グローバル属性
詳細は グローバル属性 を参照してください。

使用例

HTML
<figure>
  <figcaption>○○ちゃん</figcaption>
  <img src="picture123.jpg" width="100" height="100" alt=">
</figure>
表示
○○ちゃん

関連項目

<figcaption>

リンク


Copyright (C) 2011-2018 杜甫々
初版:2011年6月4日 最終更新:2018年11月11日
http://www.tohoho-web.com/html/figure.htm