HTML <figure> 元素代表一段独立的内容,可能包含<figcaption>元素定义的说明元素。
- 通常,
<figure>
的内容为图像、插图、图表、代码片段等,在文档的主内容流中引用,但可以移动到文档的另一部分或附录而不影响主内容流。- 参考文档:<figure>:可附标题内容元素 - HTML(超文本标记语言) | MDN
<figure>
<img src="https://img1.baidu.com/it/u=1546227440,2897989905&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1696870800&t=18b742c7770303efc1da2cd29d0ef3d7" alt="山水图" />
<figcaption>风景图</figcaption>
</figure>
运行效果图: