html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標簽樣式_HTML5教程
推薦:HTML5離線緩存在tomcat下部署可實現圖片flash等離線瀏覽打開一個網頁,加載完后,如果突然斷網了,那么你刷新后那頁面就沒了,怎么阻止這種局面的發生呢?html5的出現讓我們豁然開朗,接下來將為您詳細解讀
如今HTML5愈來愈引發大家的關注了,但目前支持HTML5的瀏覽器還不是主流,特別是國內用戶近50%以上仍舊使用IE6,由于支持HTML5的IE9不支持Xp系統安裝,這樣未來很長一段時間,HTML5的開發者將必須考慮向下兼容的問題。HTML5的標簽或CSS選擇器兼容性的做法有很多,其中自己生成標簽元素就是一種。基本原理參見如下代碼在IE8中效果,樣式根本沒有起作用。
復制代碼 代碼如下:www.wf0088.com
<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>
為了是瀏覽器識別<mxria></mxria>標簽并顯示對應樣式的效果,我們可以如下增加一段js,看到效果就不同了
復制代碼 代碼如下:www.wf0088.com
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
現在大家明白了其中的奧妙吧!對,就是document.createElement ,HTML5 shiv就是這樣一個js插件,將所有HTML5的標簽進行了重新生成,你需要加載該插件,那么HTML5程序就能被所有瀏覽器識別了。
分享:HTML5使用ApplicationCache接口實現離線緩存技術解決離線難題離線訪問對基于網絡的應用而言越來越重要,雖然所有瀏覽器都有緩存機制,但它們并不可靠,HTML5 使用 ApplicationCache 接口解決了由離線帶來的部分難題,需要的朋友可以參考下
相關HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網易微博Web App用HTML5開發的過程介紹
- HTML5 對各個標簽的定義與規定:body的介紹
- 關于HTML5的安全問題開發人員需要牢記的
- 關于HTML5的22個初級技巧(圖文教程)
- 開發人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數據庫的SQL語句的使用方法
- HTML5實踐-圖片設置成灰度圖
- HTML5安全介紹之內容安全策略(CSP)簡介
- HTML5 Web存儲方式的localStorage和sessionStorage進行數據本地存儲案例應用
- Bootstrap 學習分享
- input元素的url類型和email類型簡介
- 相關鏈接:
- 教程說明:
HTML5教程-html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標簽樣式。