让老版本IE支持HTML5

添加时间:15-10-03 所属分类:HTML网页,JS语言与代码
  http://www.cnblogs.com/mcad/p/4825717.html

  一直想入手C3和H5,但因为所开发的项目一直要求兼容IE7,IE8。而这两个浏览器并不支持html5,所以一直都在观望而未真正的投入太多精力去学习。尽管我知道h5和c3是主流。 在最近的项目开发中,偶然的一个机会,让我了解了两个js插件。而这两个组件正好解决了我的困扰。有句话讲得好:“万事俱备,只欠东风!”。说了这么多,接下来正式说说东风。
   html5shiv.js和respond.js。这两个JS文件让不支持H5的IE浏览器开始接受支持H5和C3。
1.html5shiv.js
html5shiv.js让不支持html5的浏览器支持html5标签。html5的新元素不能作为父节点包裹子元素,并且不能应用CSS样式。html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以直选要在页面的head中添加如下代码。

[code]<!--[ifltIE9]>
<script type="text/javascript" src="scripts/html5shiv.js"></script>
<![endif]--> [/code]
如果版本小于IE9就引入html5shiv.js,IE9以前的浏览器就能使用h5标签,并使用定义好的样式了。
2.Respond.js

Respond.js 是一个快速、轻量的 polyfill(注解1),用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。
注解1:啥叫shim?啥是polyfill?
shim:是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现
polyfill:就是一个用在浏览器API上的shim.我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill.然后新旧浏览器就都可以使用这个API了.术语polyfill来自于一个家装产品Polyfilla。

使用起来也非常方便~同上!
[code]<!--[ifltIE9]>
<script type="text/javascript" src="scripts/respond.js"></script>
<![endif]--> [/code]

前篇:南京大学生自主研制卫星 已在酒泉成功发射 后篇:济南第十届山东文化艺术节新创作优秀剧目展...
发表我的评论


推荐文章   济南辅警“飙”英语教育闯红灯老外 业余...   澳16岁少女,独自一人驾驶小船环游地球...   北漂女拳手赚“血汗钱”   岛上小学”唯一老师:坚守28年,每天划...   妈妈爸爸带娃对比照 画面不忍直视
随机文章   实用工具或者组件、框架及类库   防止别人另存网页   JavaScript程序员必备的5个debug技巧   几种常见的JavaScript混淆和反混淆工具   css教程PDF格式书籍
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555