HTML5 瀏覽器支持情況

PC端

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

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

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

4) IE10以下,H5的體驗就差強人意了…只能支持一部分

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

平板電腦端

chrome穩(wěn)居第一

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

移動端的兼容性比PC端要好上很多

手機端

手機端的各大系列瀏覽器支持都很不錯…除了個別很老的系列…

幾個解決IE瀏覽器不支持html5標簽的幾個方法：

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)寫了一個完整的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的簡寫，也就是小于或等于的意思。

lt ：就是Less than的簡寫，也就是小于的意思。

gte：就是Greater than or equal to的簡寫，也就是大于或等于的意思。

gt ：就是Greater than的簡寫，也就是大于的意思。

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

因為IE9雖然支持html5標簽，但支持的不是很完整，所以，也可以寫"lte",這取決于你的選擇！