关注前端开发微信微信号web007007

让IE也支持html5标准

作者 管理员 发布时间 2012-10-09 16:00 文章分类 HTML5 文章评论 抢沙发 阅读次数

相信HTML5标准在全球广泛的使用已经是大势所趋。HTML5能为我们的网页带来更高效简洁的代码,但是IE8以下版本仍然不支持HTML5标签。不过我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5标签支持的问题。

可以从网上直接加载下面的脚本:

<!–[if IE]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
<![endif]–>

这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。
需要注意的是这段代码必须加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。

如果你觉得这种方法会影响你的网页打开速度,你也可以在页面head元素内加上以下代码:

<!–[if IE]>
(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,
canvas,datalist,details,dialog,eventsource,figure,footer,header,
hgroup,mark,menu,meter,nav,output,progress,section,time,
video”.split(’,´),i=e.length;while(i–){document.createElement(e[i])}})()
<![endif]–>

这样就减少了http请求。

不过IE在默认情况下这些标签表现为内联元素,所以我们得对这些标签进行布局我们需要利用CSS手工把它们转为块状元素。

如:

header, footer, nav, section, article {
display:block;
}

这样你就能用最新的html5标签去构建你的页面了。

本文固定链接: http://www.web92.net/754.html | WEB前端开发

该日志由 于2012年10月09日发表在 HTML5 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 让IE也支持html5标准 | WEB前端开发
关键字: