如今HTML5發展的越來越快,但目前支持HTML5的浏覽器還不是主流,並且支持HTML5的IE9不支持Xp系統安裝,這樣未來很長一段時間,HTML5的開發者將必須考慮向下兼容的問題。HTML5的標簽和CSS樣式文件兼容性問題就亟待解決;
下面我們就來看看現在常用的一種方法:
代碼如下,其在IE8中效果,樣式根本沒有起作用。
<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>
為什麼沒有起作用呢,原因在於IE8不識別HTML5的標簽和樣式,那麼我們只要能找到讓IE8等浏覽器識別的方法不就可以解決了嗎!
為了是浏覽器識別<mxria></mxria>標簽並顯示對應樣式的效果,我們可以如下增加一段js,看到效果就不同了
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
現在大家明白了其中的奧妙吧!
對,就是document.createElement("tagname"),將HTML5標簽裝換成了IE8等浏覽器可以是識別的標簽,這就是一種方法;
其實還有一種更方便的方法就是:HTML5 Shiv;他其實就是一個和上面的作用一樣的JS文件,就是把IE8等浏覽器不能識別的HTML5標簽和樣式轉換成可以被識別的標簽;