2.2.5 figure元素

在HTML中，通过 figure元素来定义一块独立的内容，如图像、图表、照片、图形、插图、代码片段等。并且，figure元素的内容应该与主内容相关，而且独立于上下文，如果删除，也不应对文档流产生影响。

在 figure元素中，通过 figcaption元素来定义内容的标题（caption）。figcaption元素并不是必需的，但如果包含它，它就必须是 figure元素的第一个子元素或最后一个子元素。并且，一个 figure元素可以包含多个内容块，但无论 figure元素里面有多少个内容块，最多只允许有一个 figcaption元素。如：

<figure>
   <figcaption>Browser market share, April, 2011</figcaption>
   <img src="broswer.png">
</figure>

运行结果如图 2‑11 所示：

除图片外，figure元素中还可以放置代码块、视频、音频片段、引用、表格、代码、广告，或任何与这些相关的组合。如，以下代码使用 figure元素来标记核心接口API列表：

<figure>
    <figcaption>List4 The primary core interface API declaration.</figcaption>
    <pre>
    <code>
    interface PrimaryCore {
        boolean verifyDataLine();
        void sendData(in sequence&lt;byte> data);
        void initSelfDestruct();
    }
    </code>
    </pre>
</figure>