html中figure的用法,figure在html中作用
figure标签和figcaption标签是html5中新的语义标签。
figure标签,html5语义化标签。
用于指定独立的流内容(图像、图表、照片、代码等)。).
figcaption标签,html5语义化标签。
与图形一起使用,定义图形元素的标题。
用figure和figcaption标签的好处
搜索引擎在搜索figure的时候,会知道这里存储了图片、图表、照片、代码等媒体,所以不会认为这里存储了文章等东西。搜索引擎在搜索的时候更快更方便。
另一方面,程序员看这个标签,就会知道这里有图片等媒体,很容易读懂。
下面简单介绍一下这两个标签的用法。
案例1:
没有标题的图形元素:
figure img alt= src= logo . png //figure案例2:
带标题的图形元素:
fig img alt= src= logo . png /fig caption,国内专业建站资源及脚本学习网站,提供asp、php、ASP.NET、javascript、jquery、vbscript、dos批处理、网页制作、网络编程及网站建设等编程资料/fig caption/fig案例3:
多个图片,同一标题的图形元素:
图img alt= 1 src= logo 1 . png /img alt= 2 src= logo 2 . png /img alt= 3 src= logo 3 . png /fig caption,国内专业的建站资源和脚本学习网站。提供asp、php、ASP.NET、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料/fig caption/图以上是本文的全部内容。希望对大家的学习和支持有帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。