更新时间:2014年6月20日

figure元素(带标题的插图)【新元素

<figure>~</figure>

figure元素用于表示带有标题的插图,用于主要内容参照的图像内容。当然,可以没有标题。

figure元素表示的内容可以直接放入figure元素里,标题则必须用figcaption元素表示。当然,figcaption元素不是必须部分。该元素中除了放置图形,还可以放置图片、源代码片段。

使用例

<p> Listing 4的API声明中,我们着重看其主要的核心界面。</p>

<figure id="l4">

<figcaption>Listing 4.API声明的主要核心界面</figcaption>

<pre><code>interface PrimaryCore {

boolean verifyDataLine();

void sendData(in sequence&lt;byte&gt; data);

void initSelfDestruct();

}</code></pre>

</figure>

<p>该API定义使用了 UTF-8。</p>

浏览器上的显示结果↓

Listing 4的API声明中,我们着重看其主要的核心界面。

Listing 4.API声明的主要核心界面
interface PrimaryCore {
 boolean verifyDataLine();
 void sendData(in sequence<byte> data);
 void initSelfDestruct();
}

该API定义使用了 UTF-8。

浏览器支持情况

元素
figure 9.0 6.0 4.0 5.0 11.1
IE9IE8Fx28Chrome33Safari7Opera22Android Browser2.2
×