HTML的标签-爱上源码下载网

HTML <figure> 标签

爱上源码网文章HTML的<figure> 标签的内容插图

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

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

定义和用法(推荐学习：HTML入门教程)

<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> 标签的详细内容，更多请关注爱上源码网其它相关文章！

微信

分享

相关视频

如何用phpstorm写html
phpstorm可以写html吗
notepad怎么运行html代码
phpstorm运行html不能跳转怎么办
HTML的<figure> 标签

微信web开发者工具
浏览器原生支持的websocket
webstorage简介

本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~

常见问题FAQ

从网站下载的源码都有安装教程么？不会安装怎么办？: 本站发布的网站源码和模板资源大部分在压缩包内都有教程，如您不会安装可以联系本站在线技术进行付费安装。

爱上源码的所有源码都是亲测能正常运行的么？: 本站目前拥有资源10w+，包含整站源码，网站模板，游戏源码，小程序源码，视频教程，破解软件等，每天也在测试更新；因时间和精力有限我们无法对资源进行一一测试，只能保证所分享资源内容无误，希望理解。

我手中的优质资源可以在你这换钱或者VIP么？: 爱上源码支持投稿，欢迎发布您手中的优质资源进行售卖；本站VIP支持免费获取，目前邀请10人注册爱上源码即可免费获取VIP。

爱上源码除了资源分享还有其他业务没？: 【价值30W+微擎模块出售正版商业微擎坑位及招收代理，详情咨询本站客服！】我们团队目前运营并推广几套商业化saas智能小程序系统能满足大部分小程序开发需求，并由SaaS和独立部署版商城小程序系统；另外销售400电话，各种ICP/EDI资质证书办理，软著和商标注册服务等。