html5shiv：用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题...

由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，解决方案就有下面两个：

1. 为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，这样的维护成本比较高，也失去响应式设计的意义。

2. 使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前大多网站采用的这种方式（Bootcss官方例子也是如此）。

原理：利用脚本document.createElement(“”)创建对应的脚本，CSS选择器便可正确应用到该标签。使用：考虑到IE9是支持html5的，所以直接在HTML页面的head标签中添加脚本引用即可：

<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><![endif]—>

<!--[if lt IE 9]>

<scriptsrc="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

<![endif]—>

官方地址：http://code.google.com/p/html5shiv/GitHub项目地址：https://github.com/aFarkas/html5shiv

转载于:https://www.cnblogs.com/web-yj/p/6009812.html

html5shiv：用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题...相关推荐

IE9 以下版本浏览器兼容html5
(1) IE9 以下版本浏览器兼容HTML5的方法,使用静态资源的html5shiv包: <!--[if lt IE9]> <script src="http://c ...
IE9 以下版本浏览器兼容HTML5的方法，使用的静态资源的html5shiv包：
<!--[if lt IE9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shi ...
让低版本浏览器支持html5的标签
原理就是首先用js的createElement来创建,之后在使用 document.createElement('header'); <header><hgroup>头部信息& ...
HTML5 浏览器支持（怎么样让低版本浏览器支持html5?）
你可以让一些较早的浏览器(不支持HTML5)支持 HTML5. 现代的浏览器都支持 HTML5. 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理. 正因为如此,你可以 &q ...
解决IE9以上因Mime类型问题而无法加载本地外链CSS问题
依稀记得,这貌似是我第二次遇到该问题了,只记得第一次,小码哥没有认真对待,稀里糊涂就撒手不管了!!当这次再次遇到该问题后,哥怒了,必须解决它! 在IE9以上的IE浏览器中,尤其是本地环境下,在没有配置 ...
解决IE低版本浏览器兼容性差问题
<meta http-equiv="X-UA-Compatible" content="IE=edge">
（已解决）使火狐浏览器默认在新版标签页打开链接
火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便... 估计由于装了最新版火狐浏览器的原因,之前好用的方法,如安装 open-link-with-new-tab,t ...
解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js，以及excanvas.js解决低版本IE不支持canvas的问题...
插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...
html5加js兼容性辅助,解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js，以及excanvas.js解决低版本IE不支持canvas的问题...
插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...

html5shiv：用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题...

html5shiv：用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题...相关推荐

最新文章

热门文章