HTML5 figure元素



什么是figure元素和figcaption元素


figure元素是一种元素的组合,带有可选标题。figure元素用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响。figcaption元素表示figure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面。一个figure元素内最多只允许放置一figcaption元素。



figure元素与figcaption元素的用法


<body>

<figure>

<img src=”1.jpg” title=”风景A”>

</figure>

</body>


演示效果图如下:


HTML5-1.png 


接下来如何给figure元素带上标题:


<body>

<figure>

<img src=”1.jpg” title=”风景”>

<figcaption>风景<figcaption>

</figure>

</body>


HTML5-2.png 


在同一个figure下面,可以给多张图片使用同一个标题,代码如下:


HTML5-3.png 


通常情况下,figure元素不只用于图片,figure元素还可以用来表示音频插件、视频插件或者是统计表格等等。



【本文由极速大发PK10独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 rfel.cn
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部