讓IE6支持HTML5元素的方法
發(fā)布時間：2011-11-23 19:50:38 作者：佚名 
我要評論
我要評論今天把網(wǎng)頁改成了HTML5的，調(diào)試了一下，在FF和Opera中都顯示正常了，到了IE6上卻變得面目全非了。GOOGLE了一下，發(fā)現(xiàn)了html5shiv這個項目，可以把HTML5的新元素轉(zhuǎn)換成IE6認識的內(nèi)容
作者已經(jīng)把這段代碼放到了Google code project上，只需要在你的head中調(diào)用這段代碼就行：
<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--endif]-->
當然你也可以直接把這個文件下載到自己的網(wǎng)站上。這個文件必須在head標簽中調(diào)用，因為IE必須在元素解析這前知道這些元素，才能啟作用！或許你還要在你的CSS文件中加上以下代碼，不然有可能會出現(xiàn)些莫名其妙的問題。
header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google為IE6支持canvas元素寫的腳本，里面有很詳細的例子，感興趣的朋友可以去試試。
Kill IE6
我也厭煩了IE6的特殊，所以也加了KILL IE6一族，所有用IE6訪問我的網(wǎng)站的朋友都會出Kill IE6的對話框，前提是你的瀏覽器允許執(zhí)行JS文件。方法很簡單，在你的網(wǎng)站的</body>之前加上以下代碼就可以了：
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<!--endif]-->
IE中的判斷語句
上面寫的<!--if lte IE 6]>在正常的HTML中屬于注釋，不會被執(zhí)行，但在IE中是一個判斷語句，所以這些代碼只有在IE中才會被識別并加載。
lte：就是Less than or equal to的簡寫，也就是小于或等于的意思。
lt ：就是Less than的簡寫，也就是小于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
! ： 就是不等于的意思，跟javascript里的不等于判斷符相同
<!--if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--endif]-->
當然你也可以直接把這個文件下載到自己的網(wǎng)站上。這個文件必須在head標簽中調(diào)用，因為IE必須在元素解析這前知道這些元素，才能啟作用！或許你還要在你的CSS文件中加上以下代碼，不然有可能會出現(xiàn)些莫名其妙的問題。
header,nav,article,section,aside,footer{display:block;}
另外excanvas.js是Google為IE6支持canvas元素寫的腳本，里面有很詳細的例子，感興趣的朋友可以去試試。
Kill IE6
我也厭煩了IE6的特殊，所以也加了KILL IE6一族，所有用IE6訪問我的網(wǎng)站的朋友都會出Kill IE6的對話框，前提是你的瀏覽器允許執(zhí)行JS文件。方法很簡單，在你的網(wǎng)站的</body>之前加上以下代碼就可以了：
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<!--endif]-->
IE中的判斷語句
上面寫的<!--if lte IE 6]>在正常的HTML中屬于注釋，不會被執(zhí)行，但在IE中是一個判斷語句，所以這些代碼只有在IE中才會被識別并加載。
lte：就是Less than or equal to的簡寫，也就是小于或等于的意思。
lt ：就是Less than的簡寫，也就是小于的意思。
gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。
gt ：就是Greater than的簡寫，也就是大于的意思。
! ： 就是不等于的意思，跟javascript里的不等于判斷符相同
相關(guān)文章
- HTML5中加入了全新的結(jié)構(gòu)型元素，例如頁眉header，頁腳footer，導航nav，內(nèi)容article，章節(jié)section等除了這種整個頁面的結(jié)構(gòu)型元素，html5也加入了塊級別的語義元素,感興趣2013-01-31
- 學習w3c是看到一個檢測您的瀏覽器是否支持 HTML5 視頻的方法，在這里與大家分享下，感興趣的各位可以參考下哈，希望可以幫助到你2013-03-28
- html5大行其道的時代已經(jīng)到來,如果還在糾結(jié)于，是否應(yīng)該掌握html5和css3技術(shù)時，請狠狠的抽自己幾個嘴巴，然后，苦學吧！下面我們來看幾個解決兼容IE6\7\8不支持html5標簽2013-01-07
html5 canvas-1.canvas介紹(hello canvas)
大家都知道，目前并不是所有的瀏覽器中支持html5，就算是支持html5的瀏覽器，也不見得支持html5所有的新特性,建議大家使用firefox（開發(fā)者的最愛）或者是chrome瀏覽器，我2013-01-07html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標簽樣式
如今HTML5愈來愈引發(fā)大家的關(guān)注了，HTML5的開發(fā)者將必須考慮向下兼容的問題:如何讓所有的瀏覽器都能識別HTML5標簽樣式2012-12-07input file上傳文件樣式支持html5的瀏覽器解決方案
最近在使用file上傳控件，發(fā)現(xiàn)了file上傳控件的兩個兼容性問題:一個是file上傳控件在火狐下無法通過css改變width，另一個是file上傳控件在不同的瀏覽器下的外觀和行為都不2012-11-14- 越來越多的站點開始使用 HTML5 標簽，但是目前的情況是還有很多人在使用IE6、IE7、IE8。為了讓所有瀏覽者都可以正常的訪問，解決方案有下面兩個2012-12-11
- 讓所有IE支持HTML5的解決方案.2009-10-20
- 瀏覽器不會給未知元素設(shè)定任何樣式（不同瀏覽器對元素會有不同的默認樣式）在IE9之前的版本中，也不能對未知元素設(shè)定樣式，針對這個問題有一個彌補方案，感興趣的朋友可以2013-04-01