HTML5

：

タグ（要素）

：

FIGURE

　 編集：2022.06.24 by T.A.

→● mdn

オプションでキャプションをもつ図。

この要素を使用できる文脈

フロー内容が期待される場所。

内容モデル

いずれか： 1 つの FIGCAPTION 要素の後に続くフロー内容。

または： フロー内容の後に続く 1 つの FIGCAPTION 要素。

または： フロー内容。

text/htmlにおけるタグ省略

どちらのタグも省略不可。

内容属性
解説

任意でキャプションをもつ（完全な文のような）自己完結型であり、一般に文書の主フローから単独のユニットとして参照されるフロー内容を表す。

この文脈において“自己完結型”は、必ずしも独立したものを意味する必要はない。たとえば、段落内の各文は自己完結型である。文の一部である画像は、FIGURE 要素に不適切だろうが、画像で作られた完全な文は適切だろう。

よってこの要素はイラスト、図、写真、コードリストなどに注釈を付けるために使用できる。

例

この例は、コード リストをマークアップするための FIGURE 要素を示す。 

<P>In <A href="#l4">listing 4</A> we see the primary core interface
API declaration.</P>
<FIGURE id="l4">
 <FIGCAPTION>Listing 4. The primary core interface API declaration.</FIGCAPTION>
 <PRE><CODE>interface PrimaryCore {
 boolean verifyDataLine();
 undefined sendData(sequence<byte> data);
 undefined initSelfDestruct();
}</CODE></PRE>
</FIGURE>
<P>The API is designed to use UTF-8.</P>

<FIGURE style="border:1px solid black;">
 <FIGCAPTION>FIGCAPTION</FIGCAPTION>
 <IMG src="../Sample/Picture.jpg">
</FIGURE>

テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：