HTML 5 <figure> 标签

定义和用法

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

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

实例

用作文档中插图的图像:

<figure>
  <p>黄浦江上的的卢浦大桥</p>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>

亲自试一试

浏览器支持

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

HTML 4.01 与 HTML 5 之间的差异

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

提示和注释

提示:请使用 <figcaption> 元素为 figure 添加标题(caption)。

全局属性

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

事件属性

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