目前慢慢的用上了hmtl5，但是有时候还要兼容IE8以下的版本，所以也是头疼的事情，今天说说html5新标签<figure>在IE8以下不兼容的代替标签<li>，遇到这种情况直接用<li>标签替换<figure>标签，达到兼容IE8以下版本浏览的兼容性问题。
下面来详细解释说明HTML5下的figure、figcaption，这两个标签都是定义图文的，所以我们合起来讲解，大家更能容易接受。
大家在写xhtml、html中常常用到一种图片列表，图片+标题或者图片+标题+简单描述。以前的常规写法：
<li>
<img src="" /><p>title</P>
</li>
而在html5中有了新标签更能语义化的定义出这中图片列表，那就是figure标签。
w3c赋予的定义：figure标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。
实例代码：
<figure>
<p>网站建设，找金猫数据！</p>
<img src="jm3q.jpg" width="350" height="200" />
</figure>
figure用来代替原来li标签，P标签谁来取代呢？答案就是：figcaption
w3c赋予的定义：figcaption 标签定义 figure 元素的标题（caption）。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。
那么上面的代码就变成了：
<figure>
<figcaption>网站建设，找金猫数据！</figcaption>
<img src="jm3q.jpg" width="350" height="200" />
</figure>
这是个非常易于理解的标签，其用法也非常清楚。即便是简单，这里也建议大家亲自动手写下。
上一篇：什么情况下选择模板网站
下一篇：网站建设使中小企业品牌形象大大提升
粤公网安备 44030902000741号 
