html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標(biāo)簽樣式
發(fā)布時(shí)間：2012-12-07 09:32:10 作者：佚名 
我要評(píng)論
我要評(píng)論如今HTML5愈來愈引發(fā)大家的關(guān)注了，HTML5的開發(fā)者將必須考慮向下兼容的問題:如何讓所有的瀏覽器都能識(shí)別HTML5標(biāo)簽樣式
如今HTML5愈來愈引發(fā)大家的關(guān)注了，但目前支持HTML5的瀏覽器還不是主流，特別是國內(nèi)用戶近50%以上仍舊使用IE6，由于支持HTML5的IE9不支持Xp系統(tǒng)安裝，這樣未來很長(zhǎng)一段時(shí)間，HTML5的開發(fā)者將必須考慮向下兼容的問題。HTML5的標(biāo)簽或CSS選擇器兼容性的做法有很多，其中自己生成標(biāo)簽元素就是一種。
基本原理參見如下代碼在IE8中效果，樣式根本沒有起作用。
<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>
為了是瀏覽器識(shí)別<mxria></mxria>標(biāo)簽并顯示對(duì)應(yīng)樣式的效果，我們可以如下增加一段js，看到效果就不同了
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
現(xiàn)在大家明白了其中的奧妙吧！對(duì)，就是document.createElement ，HTML5 shiv就是這樣一個(gè)js插件，將所有HTML5的標(biāo)簽進(jìn)行了重新生成，你需要加載該插件，那么HTML5程序就能被所有瀏覽器識(shí)別了。
基本原理參見如下代碼在IE8中效果，樣式根本沒有起作用。
復(fù)制代碼
代碼如下:<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>
為了是瀏覽器識(shí)別<mxria></mxria>標(biāo)簽并顯示對(duì)應(yīng)樣式的效果，我們可以如下增加一段js，看到效果就不同了
復(fù)制代碼
代碼如下:<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
現(xiàn)在大家明白了其中的奧妙吧！對(duì)，就是document.createElement ，HTML5 shiv就是這樣一個(gè)js插件，將所有HTML5的標(biāo)簽進(jìn)行了重新生成，你需要加載該插件，那么HTML5程序就能被所有瀏覽器識(shí)別了。
相關(guān)文章
HTML5之HTML元素?cái)U(kuò)展(上)—新增加的元素及使用概述
HTML5中加入了全新的結(jié)構(gòu)型元素，例如頁眉header，頁腳footer，導(dǎo)航nav，內(nèi)容article，章節(jié)section等除了這種整個(gè)頁面的結(jié)構(gòu)型元素，html5也加入了塊級(jí)別的語義元素,感興趣2013-01-31- 今天把網(wǎng)頁改成了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-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
- 讓所有IE支持HTML5的解決方案.2009-10-20
如何讓IE9以下版本(ie6/7/8)認(rèn)識(shí)html5元素
瀏覽器不會(huì)給未知元素設(shè)定任何樣式（不同瀏覽器對(duì)元素會(huì)有不同的默認(rèn)樣式）在IE9之前的版本中，也不能對(duì)未知元素設(shè)定樣式，針對(duì)這個(gè)問題有一個(gè)彌補(bǔ)方案，感興趣的朋友可以2013-04-01