4.7定義媒介分組和標題<figure>/<figcaption> HTML

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

基本語法如下：

<firure>

<figcaption>標題</figcaption>

...

</figure>

可以在一個<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>

并不是每一個<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>