figure标签

<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

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值