IE支持HTML5的解決方法
發(fā)布時(shí)間：2009-10-20 14:51:58 作者：佚名 
我要評(píng)論
我要評(píng)論讓所有IE支持HTML5的解決方案.
自從HTML5能為我們的新網(wǎng)頁(yè)帶來更高效潔凈的代碼而得到更多的關(guān)注，然而唯一能讓IE識(shí)別那些新元素(如<article>)的途徑是使用HTML5 shiv,感謝remy sharp為我們提供了這個(gè)迷你腳本來解決IE支持HTML5的問題。
使用和下載
html5.js必須在頁(yè)面head元素內(nèi)調(diào)用(因?yàn)镮E必須在元素解析前知道這個(gè)元素，所以這個(gè)js文件不能在頁(yè)面底部調(diào)用。)
作者已經(jīng)把js文件放在Google code project上并允許大家直接調(diào)用，當(dāng)然，前提是你不在意調(diào)用額外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE條件注釋來調(diào)用這個(gè)js文件，這樣像FireFox等非IE瀏覽器就會(huì)忽視這段代碼，也就不會(huì)有無謂的http請(qǐng)求了。下面這段代碼僅會(huì)在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])}})()
使用和下載
html5.js必須在頁(yè)面head元素內(nèi)調(diào)用(因?yàn)镮E必須在元素解析前知道這個(gè)元素，所以這個(gè)js文件不能在頁(yè)面底部調(diào)用。)
作者已經(jīng)把js文件放在Google code project上并允許大家直接調(diào)用，當(dāng)然，前提是你不在意調(diào)用額外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE條件注釋來調(diào)用這個(gè)js文件，這樣像FireFox等非IE瀏覽器就會(huì)忽視這段代碼，也就不會(huì)有無謂的http請(qǐng)求了。下面這段代碼僅會(huì)在IE瀏覽器下運(yùn)行:
復(fù)制代碼
代碼如下:<!--[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文件中的代碼:
復(fù)制代碼
代碼如下:(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])}})()
相關(guān)文章
HTML5之HTML元素?cái)U(kuò)展(上)—新增加的元素及使用概述
HTML5中加入了全新的結(jié)構(gòu)型元素，例如頁(yè)眉header，頁(yè)腳footer，導(dǎo)航nav，內(nèi)容article，章節(jié)section等除了這種整個(gè)頁(yè)面的結(jié)構(gòu)型元素，html5也加入了塊級(jí)別的語義元素,感興趣2013-01-31- 今天把網(wǎng)頁(yè)改成了HTML5的，調(diào)試了一下，在FF和Opera中都顯示正常了，到了IE6上卻變得面目全非了。GOOGLE了一下，發(fā)現(xiàn)了html5shiv這個(gè)項(xiàng)目，可以把HTML5的新元素轉(zhuǎn)換成IE6認(rèn)2011-11-23
- 學(xué)習(xí)w3c是看到一個(gè)檢測(cè)您的瀏覽器是否支持 HTML5 視頻的方法，在這里與大家分享下，感興趣的各位可以參考下哈，希望可以幫助到你2013-03-28
幾個(gè)解決兼容IE6\7\8不支持html5標(biāo)簽的幾個(gè)方法
html5大行其道的時(shí)代已經(jīng)到來,如果還在糾結(jié)于，是否應(yīng)該掌握html5和css3技術(shù)時(shí)，請(qǐng)狠狠的抽自己幾個(gè)嘴巴，然后，苦學(xué)吧！下面我們來看幾個(gè)解決兼容IE6\7\8不支持html5標(biāo)簽2013-01-07html5 canvas-1.canvas介紹(hello canvas)
大家都知道，目前并不是所有的瀏覽器中支持html5，就算是支持html5的瀏覽器，也不見得支持html5所有的新特性,建議大家使用firefox（開發(fā)者的最愛）或者是chrome瀏覽器，我2013-01-07html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標(biāo)簽樣式
如今HTML5愈來愈引發(fā)大家的關(guān)注了，HTML5的開發(fā)者將必須考慮向下兼容的問題:如何讓所有的瀏覽器都能識(shí)別HTML5標(biāo)簽樣式2012-12-07input file上傳文件樣式支持html5的瀏覽器解決方案
最近在使用file上傳控件，發(fā)現(xiàn)了file上傳控件的兩個(gè)兼容性問題:一個(gè)是file上傳控件在火狐下無法通過css改變width，另一個(gè)是file上傳控件在不同的瀏覽器下的外觀和行為都不2012-11-14- 越來越多的站點(diǎn)開始使用 HTML5 標(biāo)簽，但是目前的情況是還有很多人在使用IE6、IE7、IE8。為了讓所有瀏覽者都可以正常的訪問，解決方案有下面兩個(gè)2012-12-11
如何讓IE9以下版本(ie6/7/8)認(rèn)識(shí)html5元素
瀏覽器不會(huì)給未知元素設(shè)定任何樣式（不同瀏覽器對(duì)元素會(huì)有不同的默認(rèn)樣式）在IE9之前的版本中，也不能對(duì)未知元素設(shè)定樣式，針對(duì)這個(gè)問題有一個(gè)彌補(bǔ)方案，感興趣的朋友可以2013-04-01