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

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

<li>

　　<img src="test.jpg" /><p>title</P>

</li>

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

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

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

 

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

<figure>

<figcaption>title</figcaption>

<img src="test.jpg"  />

</figure>