HTML5技术

我们服务的客户:1086个 其中:网站521 seo266 设计307 软件68

HTML5技术
首页 > 新技术>HTML5

网站制作技术之让IE也支持html5标准

发布时间:2012-10-16

相信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标签去构建你的页面了。

 

易势科技总公司官方网站 易势科技CMS网站