HTML ＜figure＞ 元素

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>

运行效果图：