赛捷软件论坛 - Powered by Discuz! Board

标题: HTML <figure> 标签 [打印本页]

作者: vicky.yu 时间: 2020-1-6 09:59 标题: HTML <figure> 标签

HTML <figure> 标签
实例
用作文档中插图的图像：

<figure>
<p>黄浦江上的的卢浦大桥</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
亲自试一试
浏览器支持
IE Firefox Chrome Safari Opera
Internet Explorer 9, Firefox, Opera, Chrome 以及 Safari 支持 <figure> 标签。

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

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

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

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

HTML 4.01 与 HTML 5 之间的差异
<figure> 标签是 HTML 5 中的新标签。

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

全局属性
<figure> 标签支持 HTML 中的全局属性。

事件属性
<figure> 标签支持 HTML 中的事件属性。

VUE

欢迎光临赛捷软件论坛 (http://sagesoft.cn/bbs/)