今天在学习的时候看到了figure标签,场景为上面是图片下面是文字:
<figure> <img :src="imgBaseUrl + foodItem.image_url"> <figcaption>{{foodItem.title}}</figcaption> </figure>
查了一下,才懂~
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
<figcaption> 标签定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
(来自官方解释)