如何解决HTML5在老版本IE下的兼容性

发布网友 发布时间：2022-04-24 05:34

我来回答

共5个回答

热心网友 时间：2022-04-20 01:08

解决兼容性可以使用css来实现。
为老版本ie专门写一个old.css，在html里面加一段js来识别浏览器版本，当老版本ie访问时自动启用old.css，即可兼容。
另外老版本ie现在使用的人并不是很多，如果嫌写代码麻烦的话，也完全可以忽略老版本ie用户，或者在html里面加js识别老ie访问时显示一段话“您的ie版本太旧了，不能很好的展示网站功能，建议更新ie浏览器或者下载google、火狐浏览器等”目前腾讯邮箱好像就是这样提示 的，也就是做一个友好提示。

热心网友 时间：2022-04-20 02:26

HTML5兼容低版本的浏览器：
在JS代码中加入
1. <script type="text/javascript">document.createElement('header');
2. document.createElement('nav');
3. document.createElement('figcaption');
4. document.createElement('figure');
5. document.createElement('section');
6. document.createElement('article');
7. document.createElement('aside');
8. document.createElement('footer');</script>
或者：
1. <script type="text/javascript">(function(){var e="abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i]);}}());</script>
或者下载Google的html5兼容性js，最好下载到本地用
1. <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

热心网友 时间：2022-04-20 04:01

需要让IE支持HTML5标签。这个简单，随便在网上搜一下就能找到。下载一个html5.js，并拷贝到自己的目录里就可以了。

加上对浏览器的判断就行啦， 如下：。
<!--[if IE]>
<script src="/js/html5.js" type="text/javascript"></script>
<![endif]-->

热心网友 时间：2022-04-20 05:52

可以用框架的方法，加一段Google的html5shiv包：

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
判断浏览器是否是IE9以下版本，如果是执行js代码，不是就忽略。

注意：要初始化新标签的CSS。HTML5在默认情况下表现为内联元素，对这些元素进行布局我们需要用CSS把它们转为块状元素方便布局，代码如下：
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

热心网友 时间：2022-04-20 08:00

使用js 网上一堆
其实就是把一些新标签 转换成 div 之类的