<figure> 元素代表一段独立的内容, 经常与说明(标题) <figcaption> 配合使用, 并且作为一个独立的引用单元。
<figure>
<img src="/media/cc0-images/elephant-660-480.jpg"
alt="Elephant at sunset">
<figcaption>An elephant at sunset</figcaption>
</figure>
当它属于主内容流时,它的位置独立于主体。
这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。
figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
注意:Internet Explorer 8 以及更早的版本不支持 <figure> 标签。
参考链接:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/figure