4.7定义媒介分组和标题<figure>/<figcaption> HTML

<figure>和<figcaption>是两个经常在一起使用的语义化元素。<figure>元素用来规定独立的流内容，表示网站制作页面上一块独立的内容，将其从网页上移除后不会对网页上的其他内容产生影响。<figure>元素不仅仅只限于图片的使用，也适用于其他元素，例如代码块、视频、音频剪辑、广告。<figcaption>元素代表<figure>元素的一个标题或者说是其相关解释。

基本语法如下：

<firure>

<figcaption>标题</figcaption>

...

</figure>

可以在一个<figure>中放置多张图片(如果这些图片在文档中存在上下文关系)，例如：

<figure>

    <img src="dog1.jpg"alt="Maltese Terrier"/>

    <img src="dog2.jpg"alt="Black Labrador"/>

    <img src="dog3.jpg"alt="Golden Retriever"/>

</figure>

并不是每一个<figure>元素都需要一个<figcaption>,但是在使用<figcaption>时，它最好是<figure>块的第一个或者最后一个元素。例如：

<figure>

    <figcaption>Three different breeds of dog.</figcaption>

    <img src="dog1.jpg"alt="Maltese"/>

    <img src="dog2.jpg"alt="Black Labrador"/>

    <img src="dog3.jpg"alt="Golden Retriever"/>

</figure>