使用html5shiv让IE6~8支持HTML5
2016-01-18 13:02
501 查看
越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案就有下面两个:
为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。
使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前很多网站采用的这种方式。
针对IE浏览器比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:
html5shiv官方网址:http://code.google.com/p/html5shiv/
为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。
使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前很多网站采用的这种方式。
针对IE浏览器比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。
html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:
<!–[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]–>
html5shiv官方网址:http://code.google.com/p/html5shiv/
相关文章推荐
- HTML5页面资源预加载(Link prefetch)功能加速页面加载速度
- HTML5页面资源预加载(Link prefetch)功能加速页面加载速度
- new : HTML5 中input的新属性
- 9个绚丽多彩的HTML5进度条动画赏析
- 7款让人惊叹的HTML5粒子动画特效
- H5页面设计
- H5页面设计
- H5页面设计
- H5页面设计
- H5页面设计
- H5页面设计
- [Modernizr]-----HTML5和CSS3开发利器
- HTML5(三)html5<canvas路径和三角函数的故事>(上)
- 投入Html5的怀抱,最近在研究的Egret
- HTML5之FileReader的使用
- html5 canvas绘制圆形印章,以及与页面交互
- <html5 canvas>fillStyle属性和strokeStyle属性
- <html5 canvas>一个简单的矩形,clearRect(), strokeRect(), fillRect(), 鼠标事件onmousedown
- HTML5-Web Messaging
- HTML5-web通信之 Cross-Document Messaging(XDM) & Channel Messaging