HTML figure 标签

HTML <figure> 标签功能

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

<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。

HTML <figure> 标签使用

使用 <figure> 元素标记文档中的一个图像：

<figure>
  <img src="https://a.axihe.com/assets/axihe-qrcode.png"
    alt="The Pulpit Rock" width="228" height="228">
  <figcaption>阿西河前端教程的微信公众号.</figcaption>
</figure>

HTML <figure> 标签演示

浏览器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。

注释：IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。

HTML4 与 HTML5 之间的差异

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

提示和注释

提示：<figcaption> 元素被用来为 <figure> 元素定义标题。

全局属性

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

事件属性

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