【内推字节】欢迎简历chengxinsong@bytedance.com

html5shiv,让低版本的IE浏览器支持HTML5元素(IE8)

八年抗战,html5终于定稿,近年来,随着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加载会更优。

参考地址:

html5shiv在GitHub上的地址:https://github.com/aFarkas/html5shiv


感谢你的阅读,本文由 sau交流学习社区 版权所有。
如若转载,请注明出处:sau交流学习社区-power by saucxs(程新松)(/page/159.html)
交流咨询
    官方QQ群
    群号663940201,欢迎加入!
    sau交流学习社区交流群

微信群
欢迎加入微信群
微信公众号
欢迎关注微信公众号

图文推荐

微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!