萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 怎樣讓所有的浏覽器都能識別HTML5標簽樣式

怎樣讓所有的浏覽器都能識別HTML5標簽樣式

          如今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標簽和樣式轉換成可以被識別的標簽;

copyright © 萬盛學電腦網 all rights reserved