4.7定義媒介分組和標(biāo)題<figure>/<figcaption> HTML

<figure>和<figcaption>是兩個(gè)經(jīng)常在一起使用的語義化元素。<figure>元素用來規(guī)定獨(dú)立的流內(nèi)容，表示網(wǎng)站制作頁面上一塊獨(dú)立的內(nèi)容，將其從網(wǎng)頁上移除后不會對網(wǎng)頁上的其他內(nèi)容產(chǎn)生影響。<figure>元素不僅僅只限于圖片的使用，也適用于其他元素，例如代碼塊、視頻、音頻剪輯、廣告。<figcaption>元素代表<figure>元素的一個(gè)標(biāo)題或者說是其相關(guān)解釋。

基本語法如下：

<firure>

<figcaption>標(biāo)題</figcaption>

...

</figure>

可以在一個(gè)<figure>中放置多張圖片(如果這些圖片在文檔中存在上下文關(guān)系)，例如：

<figure>

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

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

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

</figure>

并不是每一個(gè)<figure>元素都需要一個(gè)<figcaption>,但是在使用<figcaption>時(shí)，它最好是<figure>塊的第一個(gè)或者最后一個(gè)元素。例如：

<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>