成都web前端培训：WEB前端开发让HTML在ie浏览器中运行的三种方法.docxVIP

成都web前端培训：WEB前端开发让HTML在ie浏览器中运行的三种方法成都达内时代在变化，随着浏览的更新换代，对代码的理解也有所不同，针对不同版本的浏览器我们还需要进行兼容处理。首先我们要理解下为什么在IE中HTML5的很多功能无法正常实现。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，需要对各个浏览器对这两种新技术的支持情况有一个全面了解。CSS3 属性：F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好CSS3 选择器:F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好HTML5 Web 应用程序:F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好HTML5 图形和内嵌内容：全部支持的有 Chrome、Firefox、IE 9。HTML5 音频编码：Chrome 全部支持，Safari 除Ogg Vorbis 外全部支持，IE 9 开始支持 MP3 和 AAC。HTML5 视频编码：Chrome全部支持，HTML5 表单对象：ie10及已下不支持?HTML5 表单属性：ie10及已下不支持?目前对 CSS3 和 HTML5 支持最好的是 Chrome，Safari 次之，Firefox 和 Opera 旗鼓相当，IE 9开始拥抱标准。国内Xp用户多，ie8甚至ie6用户占有很大比例(xp ie最高只能升级到ie8)，选择新技术，可是用户群而作决定。起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三种方法能快捷轻松的让你的HTML5CSS3网站在微软的主要浏览器中也能神奇的运行！htmlshiv.jsRemy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main，header，footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理？你可能花几天也想不明白，但谁在意呢！这个脚本几乎是所有正式网站必用的js。selectivizr.jsSelectivizr.js是一款神奇的工具，它能提供大量IE不支持的CSS选择器和属性，包括所有的last-child选择器。最近在网站改版过程中，我使用了selectivizr，网站竟然可以毫不走样的在老式IE浏览器的正常显示。下面是我使用的代码片段：条件判断注释你一定见到过这种极其丑陋的条件判断注释。然而，丑虽丑，它却能让你的网页能按你希望的方式运行：这段代码不需要JavaScript，不需要等待JavaScript的加载，你定义的CSS样式会立即生效起作用，没有那种因为加载延迟而出现的样式闪变。虽然IE在奋起直追它的那些竞争对手，但现实情况是老式的IE浏览器仍然相当普遍，特别是在那些发展中国家。欣慰的是，上面的这些工具在所有浏览器里都可以使用。运用已经逐步占领市场成都达内自W3C于1999年发布HTML4后，Web世界快速发展，一片繁荣。人们一度认为HTML标准不需要升级了。一些致力于发展Web App的公司另行成立了WHATWG组织，直到2007年，W3C从WHATWG接手相关工作，重新开始发展HTML5。纵观HTML5的发展，也是一波三折，有用户的需求在推动，有技术开发者的需求在推动，更有巨大的商业利益在推动。过去这些年，HTML5颠覆了PC互联网的格局，微信朋友圈里的一个神经病猫小游戏，打开了人们对移动互联网的各种幻想，优化了移动互联网的体验，接下来，移动互联网将产生一个全新的入口，而由超级App+HTML5主导的web app将颠覆原生App移动互联世界。传统浏览器+HTML5组合的灰色时期在HTML5标准的升级过程中，苹果和Google同时也看到了浏览器市场重新洗牌的机会，他们一方面参与HTML5的规范，一边在浏览器产品上发力。Apple首先开始大力发展Safari，建立WebKit开源项目，Mac、iOS、Windows多平台齐发力;Google起初是赞助Mozilla开发Firefox，后来自己开发了v8引擎，合并WebKit，于2008年正式推出Chrome。“IE的私有规范+Flash不是标准，我们才是标准”这样的口号在新一代浏览器大战中打响。随着Chrome和Safari的高歌猛进，以及IE+Flash的衰落，HTML5告一段落，进入了下一个时代——移动互联网。HTML5的跨平台优势在移动互联网时代被进一步凸显。HTML5是唯一一个通吃PC、Mac、iPh