如今HTML5發(fā)展的越來(lái)越快,但目前支持HTML5的瀏覽器還不是主流,并且支持HTML5的IE9不支持Xp系統(tǒng)安裝,這樣未來(lái)很長(zhǎng)一段時(shí)間,HTML5的開(kāi)發(fā)者將必須考慮向下兼容的問(wèn)題。HTML5的標(biāo)簽和CSS樣式文件兼容性問(wèn)題就亟待解決;
下面我們就來(lái)看看現(xiàn)在常用的一種方法:
代碼如下,其在IE8中效果,樣式根本沒(méi)有起作用。
<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>
為什么沒(méi)有起作用呢,原因在于IE8不識(shí)別HTML5的標(biāo)簽和樣式,那么我們只要能找到讓IE8等瀏覽器識(shí)別的方法不就可以解決了嗎!
為了是瀏覽器識(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("tagname"),將HTML5標(biāo)簽裝換成了IE8等瀏覽器可以是識(shí)別的標(biāo)簽,這就是一種方法;
其實(shí)還有一種更方便的方法就是:HTML5 Shiv;他其實(shí)就是一個(gè)和上面的作用一樣的JS文件,就是把IE8等瀏覽器不能識(shí)別的HTML5標(biāo)簽和樣式轉(zhuǎn)換成可以被識(shí)別的標(biāo)簽;