大佬教程收集整理的这篇文章主要介绍了html5知识点补充—figure元素的使用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
figure
元素用于插入某张图片并添加描述。在HTML5以前,需要插入图片时只要额外使用div之类的元素才能将文本添加到页面中。这样做的缺点在于图片和图注并无任何关联。而现在添加figure
之后,可以再利用figcaption
为图片添加图注。
虽然figure
通常用来插入图片,但它也可以是一段代码、图片、音乐或者视频。通常情况下,figure
主要用于图片。
<figure> <img src="abc.jpg" alt=""/> <figcaption> Website analytics for test... </figcaption> </figure>
figure
元素中不仅仅只能包含一张图片,可以使用figure
元素来显示多张图片。示例如下所示:
<figure> <img src="abc.jpg" alt=""/> <img src="abc1.jpg" alt=""/> <img src="abc2.jpg" alt=""/> <figcaption> 这一组图片的描述 </figcaption> </figure>
显示图片内容的时候是否总是使用figcaption
元素?如果单纯是为了显示某张图片,那么使用普通的img标记足以。不过,如果它包括额外的有助于内容描述的信息,那么就应该使用figure
和figcaption
.最后注意,figure中只能包含一个figcaption
。
以上是大佬教程为你收集整理的html5知识点补充—figure元素的使用全部内容,希望文章能够帮你解决html5知识点补充—figure元素的使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。