html5标签figure、figcaption的区别比较

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html5标签figure、figcaption的区别比较，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含910字，纯文字阅读大概需要2分钟。

内容图文

定义和用法

<figcaption> 标签定义 figure 元素的标题（caption）。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

浏览器支持

所有主流浏览器都支持 <figcaption> 标签。

HTML 4.01 与 HTML 5 之间的差异

<figcaption> 标签是 HTML 5 中的新标签。

figure、figcaption，这俩个标签都是定义图文的

常常用到一种图片列表，图片+标题或者图片+标题+简单描述。以前的常规写法：

<li>
　　<img src="test.jpg" /><p>title</P>
</li>

而在html5中有了新标签更能语义化的定义出这中图片列表，那就是figure标签。

figure标签规定独立的流内容（图像、图表、照片、代码）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

figcaption 标签定义 figure 元素的标题。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

那么上面的代码就变成了：

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

以上就是html5标签figure、figcaption的区别比较的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的html5标签figure、figcaption的区别比较全部内容，希望文章能够帮你解决html5标签figure、figcaption的区别比较所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---