HTML5 瀏覽器支援情況

PC端

#1) 其中支援最完善是chrome系列

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

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

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

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

#平板電腦端

chrome穩(wěn)居第一

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

行動端的相容性比PC端好很多

#手機(jī)端

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

幾個解決IE瀏覽器不支援html5標(biāo)籤的幾個方法：

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

function(){ ? ? ??

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

? ? ? ? ? ? ? ?.


#2.有人已經(jīng)寫了一個完整的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]-->

這裡要做一個特別的說明：就是IE特有的註解判斷：
lte：就是Less than or equal to的簡寫，也就是小於或等於的意思。