HTML5 浏览器支持情况
PC端
1) 其中支持最为完善是chrome系列
2) opera改为chromium内核了..所以分数基本一致
3) 出乎意料的是Firefox,W3C标准一直都在最前沿的,对H5的支持竟然不是最高的!!!
4) IE10以下,H5的体验就差强人意了…只能支持一部分
5) Safari的老版本比IE老版本系列好太多….
平板电脑端
chrome稳居第一
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.有人已经写了一个完整的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",这取决于你的选择!