萬盛學電腦網 >> 網頁制作 >> 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標簽和樣式轉換成可以被識別的標簽；
- 上一頁:HTML5 embed 標簽使用方法介紹
- 下一頁:HTML 5 拖放簡介
