Html5兼容ie解决办法之一

9栋108

于 2015-06-24 19:53:00 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bingoart/p/4598518.html

本文介绍了一种解决HTML5新标签在IE低版本浏览器上不被识别的问题的方法，通过使用html5shiv包使旧版IE支持HTML5的新特性，并提供了解决方案中涉及到的JS文件本地化的建议。

由于html5的一些新标签在低版本的IE浏览器上不能识别，下面介绍一种解决此兼容问题的方法。

使用Google的html5shiv包

1 <!--[if lt IE9]> 
2 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
3 <![endif]-->

使用此方法需要初始化标签的CSS，因为html5默认情况下在IE低版本浏览器下表现为内联元素，我们需要把这些元素转化为块状元素方便布局。

article,aside,footer,header,section,footer,nav,figure,main{display:block}

这里还有一个问题，<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>，因为Google的服务器设在境外，这里不能够访问到境外的服务器，我们可以在网络上下载html5.js文件，从而直接引用本地的js文件，如<script src="js/html5.js"></script>，即js文件夹下的html5.js文件。

转载于:https://www.cnblogs.com/bingoart/p/4598518.html