HTML5最近迫不及待地出來了,QQ群里很多人都開始討論這個(gè)新玩意,目前大部分瀏覽器還不支持HTML5代碼,今天介紹一個(gè)讓瀏覽器支持HTML5的方法吧。
自從HTML5能為我們的新網(wǎng)頁帶來更高效潔凈的代碼而得到更多的關(guān)注,然而唯一能讓IE識別那些新元素的途徑是使用HTML5 shiv,感謝remy sharp為我們提供了這個(gè)迷你腳本來解決IE支持HTML5的問題。
用JS腳本,讓你的網(wǎng)站兼容IE瀏覽器。
HTML5 SHIV的調(diào)用和下載:
下面是下載地址: http://html5shiv.googlecode.com/svn/trunk/html5.js
html5.js一定要加在<head></head>里調(diào)用 (因?yàn)闉g覽器必須先解釋了這個(gè)腳本才能解析后面的html5標(biāo)簽,所以不能放在頁面底部)
作者已經(jīng)把js文件放在Google code project上并允許大家直接調(diào)用,當(dāng)然,前提是你不在意調(diào)用額外的文件。
你可以直接調(diào)用這個(gè)js腳本,用IE條件注釋來調(diào)用這個(gè)js文件,這樣像FireFox等非IE瀏覽器就會忽視這段代碼,也就不會有無謂的http請求了。下面這段代碼僅會在IE瀏覽器下運(yùn)行:
<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
當(dāng)然如果你不喜歡調(diào)用外網(wǎng)文件,你也可以下載下來上傳到自己的服務(wù)器單獨(dú)調(diào)用(作者允許)。
以下是js文件中的代碼:
(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])}})()
新聞熱點(diǎn)
疑難解答