這篇文章主要介紹了html5 figure和figcaption的使用方法的相關(guān)資料，有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。

創(chuàng)新互聯(lián)公司專注于汕城網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供汕城營銷型網(wǎng)站建設(shè)，汕城網(wǎng)站制作、汕城網(wǎng)頁設(shè)計、汕城網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造汕城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供汕城網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

figure標簽和figcaption標簽是html5新增的語義化標簽。

figure標簽，html5語義化標簽。

用于規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

figcaption標簽，html5語義化標簽。

與figure配套使用，用于標簽定義figure元素的標題。

用figure和figcaption標簽的好處

搜索引擎搜索到figure的時候會知道，這里存放的是圖片、圖表、照片、代碼等媒體，不不會認為這里存放的是文章等其他東西。搜索引擎搜索的時候更快捷更便利。
另一方面程序員在看的時候，看到這個標簽的時候，就會知道，這里存在的就是圖片等媒體，便于閱讀。

下面用圖簡單描述下這兩個標簽的使用方法

案例1：

不帶有標題的figure元素：

案例2：

帶有標題的figure元素：

案例3：

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

總結(jié)：以上就是本篇文的全部內(nèi)容，希望能對大家的學(xué)習(xí)有所幫助。更多相關(guān)教程請訪問Html5視頻教程！

以上就是html5 figure和figcaption的使用方法的詳細內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！