资讯专栏INFORMATION COLUMN

html5知识点补充—figure元素的使用

rubyshen / 3418人阅读

摘要:使用和元素插入图片和图注元素用于插入某张图片并添加描述。元素中不仅仅只能包含一张图片,可以使用元素来显示多张图片。示例如下所示这一组图片的描述显示图片内容的时候是否总是使用元素如果单纯是为了显示某张图片,那么使用普通的标记足以。

使用figure和figcaption元素插入图片和图注

figure元素用于插入某张图片并添加描述。在HTML5以前,需要插入图片时只要额外使用div之类的元素才能将文本添加到页面中。这样做的缺点在于图片和图注并无任何关联。而现在添加figure之后,可以再利用figcaption为图片添加图注。

虽然figure通常用来插入图片,但它也可以是一段代码、图片、音乐或者视频。通常情况下,figure主要用于图片。

Website analytics for test...

figure元素中不仅仅只能包含一张图片,可以使用figure元素来显示多张图片。示例如下所示:

这一组图片的描述

显示图片内容的时候是否总是使用figcaption元素?如果单纯是为了显示某张图片,那么使用普通的img标记足以。不过,如果它包括额外的有助于内容描述的信息,那么就应该使用figurefigcaption.最后注意,figure中只能包含一个figcaption

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49606.html

相关文章

  • HTML面试题整理总结

    摘要:前记为了准备春招面试,对自己的知识点进行一个总结积累,第一篇是关于方面的知识点,后续如果遇见新题会进行继续的补充什么是语义化,有什么好处语义化简单来说就是,段落使用,侧边栏用,主要内容使用。不存在或形式不正确会导致文档以混杂模式呈现。 前记 为了准备春招面试,对自己的知识点进行一个总结积累,第一篇是关于HTML方面的知识点,后续如果遇见新题会进行继续的补充 什么是 HTML 语义化,有...

    Chao 评论0 收藏0
  • HTML5识点总结(一)

    摘要:最近在复习前端的基础知识,在这里做一个总结,这是篇。缺点该标准并未能很好的被浏览器所支持。应用标签状态标签标签备注实时状态显示气压气温。连接上了断网了浏览器支持情况事件不支持已废弃不支持不支持 最近在复习前端的基础知识,在这里做一个总结,这是HTML5篇。 新特性 取消了过时的显示效果标记和... 新增语义化标签 新增多媒体标签(video视频,audio音频) 增加更多表单类型 新...

    shuibo 评论0 收藏0

发表评论

0条评论

rubyshen

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<