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

html-css014

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

1.可以通过个人pc固定的浏览器,这些浏览器都有自身的内核,可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。但是在巨大的浏览器市场里面,想要约束或者强制网民使用某一款浏览器是做不到的,这样子指挥带给客户非常不好的印象和丢失一大批的客户。

对于办公场景,现在员工使用的网络人数有限,不像普通市民拥有好记忆的网民。因此我们必须花费时间去测试建通和修复这样的难题。我们应该可以针对于网名做相应的优化。但是在公司办公的时候,我们应该强制使用具有安全认证的固定浏览器,可以减少开发的工作量,还可以防止数据泄露和木马入侵。达到保障企业数据安全,事半功倍的效果。

3

2.面对不同浏览器的兼容问题,所有的H5都是基于框架来开发的。现在行业中主流的UI框架有很多,比如国内的Amaze。基于这些框架来设计网站可以减少大量的兼容浏览器的调试工作。很多的UI框架都是具有十分优美的审美观,还能够通过网民的习惯和喜好和相应主流的浏览器做大量的优化调整。

html5兼容以前html4下的浏览器。html5具有兼容性和实用性的特点,在老版本的浏览器可以正常运行,同时支持html5的新浏览器也能正常运行html4,用html4创建出来的网站不是必须全部重建的。html5能够解决实际问题,内部只封装了切实有用的功能,不封装复杂而没有实际意义的功能。

让HTML5

兼容所有浏览器的

方法.如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5

的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法有很多,

其中自己生成标签元素就是一种。

基本原理参见如下代码在IE8中效果,样式根本没有起作用。

Markup

<html>

<head>

<style>

mxria{

color:

red

}</style>

<script>document.createElement("mxria")</script>

</head>

<body>

<mxria>Hello!mxria.com</mxria>

</body>

</html>

为了是浏览器识别标签并显示对应样式的效果,我们可以如下增加一段js,看到效果就不同了

Markup

<html>

<head>

<style>

mxria{

color:

red

}</style>

<script>document.createElement("mxria")</script>

</head>

<body>

<mxria>Hello!mxria.com</mxria>

</body>

</html>

现在可以看出来了吧,对,就是document.createElement

,HTML5

shiv

是一个js插件,将所有HTML5的标签进行了重新生成,你需要加载该插件,那么HTML5程序就能被所有浏览器识别了。