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：
多个图片，同一个题目的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>
总结：以上就是本篇文的全部内容，愿望能对人人的进修有所协助。更多相干教程请接见Html5视频教程！
相干引荐：
php公益培训视频教程
HTML5图文教程
HTML5在线手册
以上就是html5 figure和figcaption的运用方法的细致内容，更多请关注ki4网别的相干文章！
