亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML5 瀏覽器支持

HTML5 瀏覽器支持情況

PC端

1) 其中支持最為完善是chrome系列

2) opera改為chromium內(nèi)核了..所以分?jǐn)?shù)基本一致

3) 出乎意料的是Firefox,W3C標(biāo)準(zhǔn)一直都在最前沿的,對(duì)H5的支持竟然不是最高的!!!

4) IE10以下,H5的體驗(yàn)就差強(qiáng)人意了…只能支持一部分

5) Safari的老版本比IE老版本系列好太多….

平板電腦端

chrome穩(wěn)居第一

android, firefox, ios, opera大同小異(IE除外)

移動(dòng)端的兼容性比PC端要好上很多

手機(jī)端

手機(jī)端的各大系列瀏覽器支持都很不錯(cuò)…除了個(gè)別很老的系列…


幾個(gè)解決IE瀏覽器不支持html5標(biāo)簽的幾個(gè)方法:

1.javascript: document.createElenment("......")

function(){ ? ? ??

? ? ? ? ? ? ? ?var element=['header','footer','article','aside','section','nav','menu','hgroup','details','dialog','figure','figcaption'],
? ? ? ? ? ? ? ?len=element.length; ? ? ? ? ? ?

? ? ? ? ? ?while(len--){
? ? ? ? ? ? ? ?document.createElement(element[i])
? ? ? ? ? ?}
})();

2.有人已經(jīng)寫了一個(gè)完整的js文件,你只需要引入既可,像這樣:

<!--[if lt IE 9]>
? <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

或者:

<!--[if lte IE 9]>
? ?<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
< ![endif]-->

這里要做一個(gè)特別的說(shuō)明:就是IE特有的注釋判斷:

lte:就是Less than or equal to的簡(jiǎn)寫,也就是小于或等于的意思。

lt :就是Less than的簡(jiǎn)寫,也就是小于的意思。

gte:就是Greater than or equal to的簡(jiǎn)寫,也就是大于或等于的意思。

gt :就是Greater than的簡(jiǎn)寫,也就是大于的意思。

! : 就是不等于的意思,跟javascript里的不等于判斷符相同

因?yàn)镮E9雖然支持html5標(biāo)簽,但支持的不是很完整,所以,也可以寫"lte",這取決于你的選擇!



繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: yellow; padding: 50px; font-size: 20px; width: 25%; } </style> </head> <body> <h3>標(biāo)題</h3> <article> php中文網(wǎng) </article> <br> <myHero>增加新的內(nèi)容</myHero> </body> </html>
提交重置代碼