HTML5中的figure标签

HTML5有很多新的标签,这次介绍的是一个很简单的标签,专门用来标识

图片和相关说明的,叫figure,用法如下:

<figure id=“figure”> 
<img src=“flying_solo_bird_photography.jpg” alt=“flying solo bird photography” title=“flying_solo_bird_photography” /> 
<figcaption>This is flying solo bird photography</figcaption> 
</figure>

这样的话,img标签要在figure标签中,而figcatption标签其实就是图片下的

一段简单的说明文字而已拉

<figure>标签中可以包含多个图片标签,比如:

<figure id=“figure”> 
<img src=“beautiful_birds-normal.jpg” alt=“beautiful birds normal” /> 
<img src=“Puffin.jpg” alt=“Puffin” /> 
<img src=“wings_birds_photo.jpg” alt=“wings birds” /> 
<figcaption>This is a nest multiple images caption</figcaption> 
</figure>