figure標籤和figcaption標籤是html5新增的語意化標籤。
figure標籤，html5語意化標籤。用於規定獨立的串流內容（圖像、圖表、照片、程式碼等等）。
figcaption標籤，html5語意化標籤。與figure配套使用，用於標籤定義figure元素的標題。
用figure和figcaption標籤的好處搜尋引擎搜尋到figure的時候會知道，這裡存放的是圖片、圖表、照片、程式碼等媒體，不不會認為這裡存放的是文章等其他東西。搜尋引擎搜尋的時候更快捷方便。
另一方面程式設計師在看的時候，看到這個標籤的時候，就會知道，這裡存在的就是圖片等媒體，方便閱讀。
以下用圖簡單描述下這兩個標籤的使用方法
案例1：不含標題的figure元素：
<figure> <img style="margin: 0px; padding: 0px; outline: none; line-height: 25.2px; font-size: 14px; width: 660px; overflow: hidden; clear: bamily-family , arial, Microsoft YaHei;"><figure> <img <figcaption>VeVb武林網，VeVb武林網是國內專業的網站建立資源、腳本程式設計學習網站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批次、網頁製作、網路程式設計、網站建置等程式設計資料</figcaption></figure>案例3：
多張圖片，同一個標題的figure元素：
<figure> <img <img <img <figcaption>VeVb武林網，VeVb武林網是國內專業的網站建置資源、腳本程式設計學習網站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網頁製作、網路程式設計、網站建置等程式設計資料</figcaption></figure>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。