前端之家收集整理的这篇文章主要介绍了
html5 figure和figcaption的使用方法,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
figure
标签和figcaption
标签是html5新增的语义化
标签。
figure
标签,html5语义化
标签。
用于规定独立的流
内容(图像、图表、照片、
代码等等)。
figcaption
标签,html5语义化
标签。
与figure配套使用,用于
标签定义figure元素的
标题。
用figure和figcaption
标签的好处
搜索引擎
搜索到figure的时候会知道,这里存放的是
图片、图表、照片、
代码等媒体,不不会认为这里存放的是
文章等其他东西。
搜索引擎
搜索的时候更快捷更便利。
另一方面程序员在看的时候,看到这个
标签的时候,就会知道,这里存在的就是
图片等媒体,便于阅读。
下面用图简单描述下这两个
标签的使用
方法
案例1:
不带有
标题的figure元素: