注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

@fc_lamp

关注Web应用解决方案MySql/PHP/Python一盏名为"飞川"的灯~

 
 
 

日志

 
 

解决低版本ie浏览器不支持html5元素的办法,使用html5shiv  

2016-01-05 13:49:24|  分类: Web技术-Js/Html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

低版本ie浏览器不支持html5元素是一个非常正常的事情了,现在也只有高版本浏览器可以支持html5元素了,但现在在国内高版本浏览器不多,如果做一个html5网站要让低版本浏览器也支持我们可以通过html5shiv来解决,具体如下。

近年来,随着html5的盛行,我们在页面中也越来越多的运用到html5元素,但是悲催的是,脑残的IE的低版本实在让人抓狂,咱们辛苦规划好的页面在这些IE版别下显得是浆糊一桶。为了让这不一样的IE版别之间能”认识”HTML5元素,开源的html5shiv呈现了!

1、html5shiv的特点

html5shiv的最大特点是让那些个不认HTML5的IE浏览器认出HTML5元素,并依照最基本的处理方法处理HTML5元素——块化(display:block)。这样就阻止了脑残的IE对我们前端人员的残害。

2、html5shiv的使用方法

html5shiv的运用方法非常简略,默许只需要将html5shiv按下面方法放在页面的head内即可。

<!--[if lt IE 9]>
<script src="dist/html5shiv.min.js"></script>
<![endif]-->

3、html5shiv的原理

html5shiv的原理是使用createElement方法,这包含document.createElement和document.createDocumentFragment,对当前页面的HTML5元素进行动态的调整,并且为这些元素提供最基本的样式。

4、html5shiv官方给的建议

a.使用min版本的js(压缩过的)以节省带宽和提高加载速度;

b.必须在body元素之前加载;

c.可以在页面的CSS之前或者之后加载,但从性能性能上出发,CSS先于html5shiv加载会更优。


  评论这张
 
阅读(58)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017