HTML5中figure和figcaption標簽一般都是配套使用的，先了解下兩者的基本定義，然后結合實例來說明兩者的用法。

標簽規(guī)定獨立的流內容(圖像、圖表、照片、代碼等等)。

figure元素的內容應該與主內容相關，但如果被刪除，則不應對文檔流產生影響。它是一種元素的組合，可帶有標題(可選)。figure標簽用來表示網(wǎng)頁上一塊獨立的內容，將其從網(wǎng)頁上移除后不會對網(wǎng)頁上的其他內容產生影響。

figure有一個子標簽：figcaption。

標簽定義 figure 元素的標題(caption)。

"figcaption" 元素應該被置于 "figure" 元素的第一個或最后一個子元素的位置。

OK，關于figure和figcaption標簽就介紹完了，接下用幾個實例來應用它們。如下：

案例1：

不帶有標題的figure元素：

案例2：

帶有標題的figure元素：

Web前端之家，專注Web前端，HTML5、CSS3、JavaScript、JQuery、移動開發(fā)、頁面性能優(yōu)化等開發(fā)前端技術的交流平臺

案例3：

多個圖片，同一個標題的figure元素：

Web前端之家，專注Web前端，HTML5、CSS3、JavaScript、JQuery、移動開發(fā)、頁面性能優(yōu)化等開發(fā)前端技術的交流平臺

總結

以上是生活随笔為你收集整理的html5标签详解,HTML5中figcaption标签用法详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。