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中文网其他相关文章！