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