html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標簽樣式_HTML5教程

      編輯Tag賺U幣

      推薦: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教程/更新時間:2013-04-22
      相關HTML5教程