解决低版本IE浏览器渲染模式和html5兼容

开发网站时，因为要兼容360浏览器和IE，这就涉及到双核浏览器和渲染模式问题。需要开发者手动去设定浏览器的渲染模式。

360浏览器拥有webkit内核（Chrome）和IE内核，在360浏览器上运行网站时以webkit内核渲染可以省却很多麻烦。必须以IE内核渲染时可以让浏览器以最高版本渲染，尽可能兼容。

1.   添加meta标签使浏览器以webkit内核渲染页面

<metaname="renderer" content="webkit|ie-comp|ie-stand">

<metahttp-equiv="X-UA-Compatible" content="IE=edge">

content值为webkit、ie-comp、ie-stand之一，分别表示浏览器以webkit内核渲染、以IE兼容模式渲染、以IE标准模式渲染。

其中http-equiv=”X-UA-Compatible”这个是IE8的专用标记，是用来指定InternetExplorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。

content值为IE=edge，表示在IE浏览器上会使用最新的引擎渲染网页。

2.

IE9及以上对html5和css3的支持已经比较好。但对于IE9以下，则需要在head标签中（必须是head）添加以下代码。

 <!--[if lte IE9]>

<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"type="text/javascript" charset="utf-8"></script>

<scriptsrc="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"type="text/javascript" charset="utf-8"></script>

<![endif]-->

第一个JavaScript标签引用的js文件是使低版本的IE浏览器可以兼容html5标签，

第二个JavaScript标签引用的js文件是表使低版本的IE浏览器可以兼容css3样式。

语法为：<!--[if lte IE 9]> 加载的代码 <![endif]-->

此处语法的文章链接：http://www.cnblogs.com/lmsblogs/p/5854949.html