html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標(biāo)簽樣式_HTML5教程
推薦:HTML5離線緩存在tomcat下部署可實現(xiàn)圖片flash等離線瀏覽打開一個網(wǎng)頁,加載完后,如果突然斷網(wǎng)了,那么你刷新后那頁面就沒了,怎么阻止這種局面的發(fā)生呢?html5的出現(xiàn)讓我們豁然開朗,接下來將為您詳細解讀
如今HTML5愈來愈引發(fā)大家的關(guān)注了,但目前支持HTML5的瀏覽器還不是主流,特別是國內(nèi)用戶近50%以上仍舊使用IE6,由于支持HTML5的IE9不支持Xp系統(tǒng)安裝,這樣未來很長一段時間,HTML5的開發(fā)者將必須考慮向下兼容的問題。HTML5的標(biāo)簽或CSS選擇器兼容性的做法有很多,其中自己生成標(biāo)簽元素就是一種。基本原理參見如下代碼在IE8中效果,樣式根本沒有起作用。
復(fù)制代碼 代碼如下:hl5o.cn
<html>
<head>
<style>mxria{ color: red; }</style>
</head>
<body>
<mxria>Hello!</mxria>
</body>
</html>

為了是瀏覽器識別<mxria></mxria>標(biāo)簽并顯示對應(yīng)樣式的效果,我們可以如下增加一段js,看到效果就不同了
復(fù)制代碼 代碼如下:hl5o.cn
<html>
<head>
<style> mxria{ color: red; }</style>
<script>document.createElement("mxria")</script>
</head>
<body>
<mxria>Hello!mxria.com</mxria>
</body>
</html>
現(xiàn)在大家明白了其中的奧妙吧!對,就是document.createElement ,HTML5 shiv就是這樣一個js插件,將所有HTML5的標(biāo)簽進行了重新生成,你需要加載該插件,那么HTML5程序就能被所有瀏覽器識別了。
分享:HTML5使用ApplicationCache接口實現(xiàn)離線緩存技術(shù)解決離線難題離線訪問對基于網(wǎng)絡(luò)的應(yīng)用而言越來越重要,雖然所有瀏覽器都有緩存機制,但它們并不可靠,HTML5 使用 ApplicationCache 接口解決了由離線帶來的部分難題,需要的朋友可以參考下
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對各個標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個初級技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
- HTML5實踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡介
- HTML5 Web存儲方式的localStorage和sessionStorage進行數(shù)據(jù)本地存儲案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- input元素的url類型和email類型簡介
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- html5與css3小應(yīng)用
- html5 Canvas畫圖教程(6)—canvas里畫曲線之a(chǎn)rcTo方法
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- html5構(gòu)建觸屏網(wǎng)站之網(wǎng)站尺寸探討
- html5 Canvas畫圖教程(2)—畫直線與設(shè)置線條的樣式如顏色/端點/交匯點
- HTML5之SVG 2D入門6—視窗坐標(biāo)系與用戶坐標(biāo)系及變換概述
- html5 Canvas畫圖教程(7)—canvas里畫曲線之quadraticCurveTo方法
- 程序設(shè)計HTML5 Canvas API
- 如何讓IE9以下版本(ie6/7/8)認(rèn)識html5元素
- HTML 5 標(biāo)簽、屬性、事件及瀏覽器兼容性速查表 附打包下載
- 相關(guān)鏈接:
- 教程說明:
HTML5教程-html5 瀏覽器支持 如何讓所有的瀏覽器都支持HTML5標(biāo)簽樣式
。