HTML中<figure>标签的定义和用法-创新互联

这篇文章主要介绍“HTML中<figure> 标签的定义和用法”，在日常操作中，相信很多人在HTML中<figure> 标签的定义和用法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML中<figure> 标签的定义和用法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

10年积累的成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站后付款的网站建设流程，更有盐池免费网站建设让你可以放心的选择与我们合作。

HTML <figure> 标签

Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figure> 标签。

注：Internet Explorer 8 以及更早的版本不支持 <figure> 标签。

定义和用法

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。

figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

提示

提示：请使用 <figcaption> 元素为 figure 添加标题（caption）。

实例

用作文档中插图的图像：

<!DOCTYPE HTML><html><body><p>上海卢浦大桥是当今世界第一钢结构拱桥，是世界上跨度较大的拱形桥。它也是世界上首座完全采用焊接工艺连接的大型拱桥（除合拢接口采用栓接外），现场焊接焊缝总长度达4万多米，接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p><figure>  <p>黄浦江上的的卢浦大桥</p>  <p>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</p>  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" /></figure></body></html>

到此，关于“HTML中<figure> 标签的定义和用法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

网页标题：HTML中&lt;figure&gt;标签的定义和用法-创新互联
当前网址：https://www.cdcxhl.com/article38/dgopsp.html

成都网站建设公司_创新互联，为您提供域名注册、网站设计公司、静态网站、自适应网站、品牌网站制作、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站优化排名

品牌网站制作知识

各行业网站