html中figure的用法,figure在html中作用

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: