深圳金猫标语
网站首页 > 建站百科 > 网站建设 > html5新标签-figure在IE8以下不兼容的代替标签-li


html5新标签-figure在IE8以下不兼容的代替标签-li

来源: 金猫数据   点击次数:  更新时间:2015-07-07
目前慢慢的用上了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>
这是个非常易于理解的标签,其用法也非常清楚。即便是简单,这里也建议大家亲自动手写下。


更多

上一篇:什么情况下选择模板网站
下一篇:网站建设使中小企业品牌形象大大提升

建站百科
最新上线网站
最新动态
官方微博
联系方式
电 话:0755-83958156
传 真:0755-83958156
邮 箱:jm3q@jm3q.com
网 址:www.jm3q.com
地 址:深圳市宝安区龙华民治街道嘉熙业广场1241

客户服务
售前咨询
QQ:376797323
网站备案
QQ:362226714
技术支持
QQ:2303230985
投诉建议
QQ:479277584
电话咨询
0755-83958156
周一至周五
9:00至18:00点
微官网
扫一扫
回到顶部