HTML5figcaption標籤用法詳解

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

標籤規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。

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

figure有一個子標籤：figcaption。

標籤定義 figure 元素的標題（caption）。
"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。

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

案例1：

不含標題的figure元素：

   

案例2：

有標題的figure元素：

       

Web前端之家，專注Web前端，HTML5、CSS3、JavaScript、JQuery、行動開發、頁面效能優化等開發前端技術的交流平台

案例3：

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

               

WebWeb前端之家，專注於Web前端，HTML5、CSS3、JavaScript、JQuery、行動開發、頁面效能優化等開發前端技術的交流平台

以上是HTML5figcaption標籤用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！