首页 > web前端 > html教程 > html5标签figure、figcaption的区别比较

html5标签figure、figcaption的区别比较

巴扎黑
发布: 2017-06-27 09:38:16
原创
3399 人浏览过

定义和用法

标签定义 figure 元素的标题(caption)。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

浏览器支持

所有主流浏览器都支持

标签。

HTML 4.01 与 HTML 5 之间的差异

标签是 HTML 5 中的新标签。

figure、figcaption,这俩个标签都是定义图文的

常常用到一种图片列表,图片 标题或者图片 标题 简单描述。以前的常规写法:


  •   

    title


  • 而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签。

    figure标签规定独立的流内容(图像、图表、照片、代码)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

    figcaption 标签定义 figure 元素的标题。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。 

    那么上面的代码就变成了:

    <figure>
    <figcaption>title</figcaption>
    <img src="test.jpg"  />
    </figure>
    登录后复制

    以上是html5标签figure、figcaption的区别比较的详细内容。更多信息请关注PHP中文网其他相关文章!

    相关标签:
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板