相信HTML5标准在全球广泛的使用已经是大势所趋。HTML5能为我们的网页带来更高效简洁的代码,但是IE8以下版本仍然不支持HTML5标签。不过我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5标签支持的问题。
可以从网上直接加载下面的脚本:
|
这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。
需要注意的是这段代码必须加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。
如果你觉得这种方法会影响你的网页打开速度,你也可以在页面head元素内加上以下代码:
(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])}})()
|
这样就减少了http请求。
不过IE在默认情况下这些标签表现为内联元素,所以我们得对这些标签进行布局我们需要利用CSS手工把它们转为块状元素。
如:
header, footer, nav, section, article {
display:block;
}
|
这样你就能用最新的html5标签去构建你的页面了。