html5 figure和figcaption的应用方式

日期:2021-02-23 类型:科技新闻 

关键词:商城网站建设,微商好助手,微商引流,电商网站模板,微信商家小程序

figure标识和figcaption标识是html5新增的词义化标识。

figure标识,html5词义化标识。

用于要求单独的流內容(图象、图表、相片、编码这些)。

figcaption标识,html5词义化标识。

与figure配套应用,用于标识界定figure元素的题目。

用figure和figcaption标识的益处

检索模块检索到figure的情况下会了解,这里储放的是照片、图表、相片、编码等新闻媒体,不不容易觉得这里储放的是文章内容等别的物品。检索模块检索的情况下更便捷更便捷。
另外一层面程序流程员在看的情况下,看到这个标识的情况下,就会了解,这里存在的便是照片等新闻媒体,便于阅读文章。

下面用图简易叙述下这两个标识的应用方式

实例1:

不带有题目的figure元素:

<figure>
    <img alt="脚本制作之家" src="logo.png"/>
</figure>

实例2:

带有题目的figure元素:

<figure>
    <img alt="脚本制作之家" src="logo.png"/>
    <figcaption>脚本制作之家,脚本制作之家是中国技术专业的企业网站建设資源、脚本制作程序编写学习培训类网站,出示asp、php、asp.net、javascript、jquery、vbscript、dos批解决、网页页面制做、互联网程序编写、企业网站建设等程序编写材料</figcaption>
</figure>

实例3:

好几个照片,同1个题目的figure元素:

<figure>
    <img alt="脚本制作之家1" src="logo1.png"/>
    <img alt="脚本制作之家2" src="logo2.png"/>
    <img alt="脚本制作之家3" src="logo3.png"/>
    <figcaption>脚本制作之家,脚本制作之家是中国技术专业的企业网站建设資源、脚本制作程序编写学习培训类网站,出示asp、php、asp.net、javascript、jquery、vbscript、dos批解决、网页页面制做、互联网程序编写、企业网站建设等程序编写材料</figcaption>
</figure>

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。