html5標籤figure、figcaption的區別比較

定義與用法

614eb9dc63b3fb809437a716aa228d24 標籤定義 figure 元素的標題（caption）。

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

瀏覽器支援

所有主流瀏覽器都支援 614eb9dc63b3fb809437a716aa228d24 標籤。

HTML 4.01 與 HTML 5 之間的差異

614eb9dc63b3fb809437a716aa228d24 標籤是 HTML 5 中的新標籤。

figure、figcaption，這兩個標籤都是定義圖文的

常常用到一種圖片列表，圖片+標題或圖片+標題+簡單描述。以前的常規寫法：

25edfb22a4f469ecb59f1190150159c6
　　b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

而在html5中有了新標籤更能語意化的定義出這中圖片列表，那就是figure標籤。

figure標籤規定獨立的流內容（圖像、圖表、照片、程式碼）。 figure 元素的內容應該與主內容相關，但如果被刪除，則不應對文件流程產生影響。

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

那麼上面的程式碼就變成了：

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

以上是html5標籤figure、figcaption的區別比較的詳細內容。更多資訊請關注PHP中文網其他相關文章！