本文摘自PHP中文网,作者藏色散人,侵删。
本篇文章主要给大家介绍html5中的新标签figure标签的定义及使用方法介绍。HTML5是HTML最新的修订版本,用更加丰富的标签赋予网页更好的意义和结构。那么有的新人朋友可能会问,这个figure标签是什么?figure标签什么时候用?
相关教程推荐:HTML5教程
那么figure标签官方给出的定义是规定独立的流内容(图像、图表、照片、代码等等)。
下面我们就结合简单的代码示例为大家介绍html5中figure标签的具体方法。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
上述代码就给大家介绍figure标签的使用示例,通过前台访问效果如下图:
正如前面所说的,figure规定独立的流内容照片、图像等等。换言之figure标签可以用来表示网站制作页面上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生影响。figure所表示的内容可以是图片、统计图或代码示例。
如上图中所示,在figure标签中的图片和标题都是独立显示的。
注:
figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
可以使用 <figcaption> 元素为 figure 添加标题(caption)。
本篇文章就是关于html5中新标签figure的使用方法介绍,应该也是非常简单易懂的,希望对需要的朋友有所帮助!
想要了解更多前端知识,可以关注PHP中文网HTML5教程等相关前端视频教程!
以上就是figure标签是什么?什么时候用?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《figure标签》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者