文章内容

2021/3/9 10:07:23,作 者: 黄兵

html figure 理解

下面是figure的说明:

HTML <figure> 元素代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

下面是代码示例:

<figure>
<div class="" id="map">
<img src="/static/images/location_32x32.png" alt="location">
</div>
<figcaption>
<p>这是说明</p>
</figcaption>
</figure>

也就是figcaption是对figure图片内容的一个解释说明。


参考资料:

1、MDN Web Docs - figure:可附标题内容元素

分享到:

发表评论

评论列表