html5移动端兼容性，h5手机端常见的兼容性问题

如何解决HTML5在实际应用中的兼容性问题

1、JavaScript解决方案目的是解决在旧版本的IE中样式应用的问题。老版本的IE不会识别不明元素已经是一个耳熟能详的特性，而如果这些元素已经通过document.createElement()创建，那么浏览器就可以识别这些标签，并可以将其在DOM树中构建，然后允许开发者对其应用样式。

2、自适应网页设计，即响应式布局 2不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。3相对大小的字体 字体也不能使用绝对大小（px），而只能使用相对大小（em）。

3、处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。使用是html5shim框架 另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素，此外，还可以根据新增的结构、功能元素来加以区分。

相关问答

Q1: HTML5优势到底有哪些

导流入口多 HTML5应用导流非常容易。超级App(如微信朋友圈)、搜索引擎、应用市场、浏览器，到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。

HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。

第二个就是入门门槛低，能激发你的学习兴趣，不管你是中专还是大专乃至本科，都是可以学的。而且前端现在工作岗位是非常多的，大家可以去所在的城市招聘上看看就知道了。

html5的优势：开发成本较低，这里体现在两方面，首先html5入门较为容易，而且又很多的js框架可以调用，可以不用费太大的开发量，就可以做出很多很复杂的界面效果；其二，熟悉各种web开发的，都可以进行开发，人力成本比较低。所以使用html5来开发，其成本低，开发周期短。

Q2: html5页面的浏览器兼容性测试工具有哪些?

火狐浏览器：一般都是最新版本Opera浏览器现在一般用户使用ieieie8较多，但是国际使用火狐比较多所以我们在检查开发出css网站兼容性还是要考虑到火狐浏览器Firefox。一般以火狐浏览器为标准浏览器为div css开发环境，然后验证微软IE及Opera浏览器。

问题四：如何对网页进行兼容性测试最简单有效的办法就是下载IE、火狐、谷歌等浏览器每个进行页面访问，都能显示完整，布局没有凌乱就是兼容了。一种方法是人工测试即全手工测试兼容性，第二种方法是借助于第三方兼容性测试工具，第三种是采用兼容测试服务商，比如国内做的比较好的Testin云测。

目前，支持Html5的浏览器包括Firefox（火狐浏览器）、IE9及其更高版本、Chrome（谷歌浏览器）、Safari、Opera等；国内的傲游浏览器（Maxthon）、以及基于IE或Chromium（Chrome的工程版或称实验版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

目前HTML5已向开发人员提供了很多新的标签，如section，nav，article，header和footer等。这些标签语义化程度高，会被经常使用，但在IE6，IE7，IE8和Firefox 2等老式浏览器中却不能识别和正常使用。

▲Chrome浏览器 ▲Google V8 Benchmark测试 HTML5 兼容性 HTML5似乎已经成为目前浏览器的主流标准协议，包括IEChrome、Opera、Safri，以及国内大多主流的浏览器都支持HTML5标准。HTML5 Test是一个在线的基准测试，它类似于ACID3，主要用来测试浏览器对HTML5的兼容性。

Q3: 如何处理html5新标签的浏览器兼容问题

1、新的HTML5标签如何兼容旧的浏览器 HTML5实现方法？分三种方式实现：(1)canvas元素结合JS (2)纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE）(3)CSS3结合Jquery实现 什么浏览器不受限？夸克浏览器是不受限的，夸客浏览器是阿里推出的一款高效，简洁，方便的浏览器。

2、处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。使用是html5shim框架 另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素，此外，还可以根据新增的结构、功能元素来加以区分。

3、老版本的IE不会识别不明元素已经是一个耳熟能详的特性，而如果这些元素已经通过document.createElement()创建，那么浏览器就可以识别这些标签，并可以将其在DOM树中构建，然后允许开发者对其应用样式。这个方法可以确保HTML5标签能在旧版本IE中对应创建DOM节点，然后可以对其应用样式。

Q4: html5的优势是什么?

HTML5应用导流非常容易。超级App(如微信朋友圈)、搜索引擎、应用市场、浏览器，到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。分发效率高 假如微信允许游戏在桌面创建快捷方式、假如游戏后续升级解决持续娱乐问题，未来不可想象。

HTML5中最酷的特性就是本地存储。有一点像比较老的技术cookie和客户端数据库的融合。它比cooke更好用因为支持多个windows存储，它拥有更好的安全和性能，即使浏览器关闭后也可以保存。因为它是个客户端的数据库，你不用担心用户删除任何cookie，并且所有主流浏览器都支持。

第二个就是入门门槛低，能激发你的学习兴趣，不管你是中专还是大专乃至本科，都是可以学的。而且前端现在工作岗位是非常多的，大家可以去所在的城市招聘上看看就知道了。

HTML5的优势有： 解决了跨浏览器问题，新增了多个新特性，用户优先的原则，化繁为简的优势等。 常用的网页开发工具包括： Editplus、notepad++、sublime、Dreamweaver、HBuilder、WebStorm等。

html5的优势：开发成本较低，这里体现在两方面，首先html5入门较为容易，而且又很多的js框架可以调用，可以不用费太大的开发量，就可以做出很多很复杂的界面效果；其二，熟悉各种web开发的，都可以进行开发，人力成本比较低。所以使用html5来开发，其成本低，开发周期短。

HTML5混合式开发优点： 代码简洁 HTML5网页的冗余代码比传统网页要少很多，极大方便了程序员和用户。全新的标签，网站定义更丰富 相对于旧版本的HTML，HTML5新增了很多语义标签，网站定义起来更为细致。网站优化更简单 HTML5的全新标签对搜索引擎友好，对网站优化来说更为方便。

Q5: 为什么HTML5前端混合开发这么火

首先我认为混合开发并没有想象的那么火，一个好的app底层还是会用原生开发。我们都知道web开发中有个响应式，可以一套代码复用在手机和pc上面。响应式开发一度占据主流，不管是面试，还是工作中，如果你没听过响应式，或者使用过，你会被嘲笑的。

HTML5的前景是非常好的，企业现在安卓、iOS开发人员都在学习HTML5混合开发，节约成本、一专多能是未来很多企业用人趋势！HTML5工程师在今后的工作中与Android、iOS工程师对接的几率非常大。

开发费用相对较低 由于HTML5网站的兼容性好，用户开发一个网站后就不用另外开发移动站，一定程度上节省了大笔资金。

而现在软件，移动设备上的app使用比较多。当然h5就会火。国内在应用系统中，以电脑为终端的HTML5应用不多。原因，应用系统很多都是基于老版本IE开发的，甚至还有很多ACTIVEX在用。而微软对html5支持比较好自IE11开始。网站需要为使用IE8甚至ie6的人考虑，所以H5在以电脑为终端的系统中应用少。

从长远来看，HTML5还是绝对赢家，因为浏览器支持度只会越来越好，而移动平台上Flash已经没有竞争力，Adobe最近已经宣布停止了移动平台上Flash Player的继续开发。额外一点：在相当多的大型企业内部，都有很多昂贵的内部专用的网络应用，因为开发年代久远，都是针对IE6开发的，一旦不用IE6就要出问题。

html5移动端兼容性的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5手机端常见的兼容性问题、html5移动端兼容性的信息别忘了在本站进行查找喔。