解决IE兼容H5的问题

Html5提供的一些新多媒体标签（header,article,aside,section,nav,figure,menu,footer）使用起来非常的方便，但是低版本的IE浏览器（IE6/IE7/IE8）对的这些新标签根本识别不了，解决这些问题要了解是浏览器无法识别这些标签，想办法让浏览器识别这些标签就可以了。有两种方案，自定义标签或者引入第三方兼容文件就可以了。

1，引入兼容文件JS

因为IE浏览器不支持HTML5多媒体标签，所以我们需要引入兼容JS文件，来保证我们的代码实现兼容效果：

  <script src="../html5/libs/html5shiv.min.js"></script>

2，通过自定义标签解决

在不支持HTML5新标签的浏览器里，会将这些新的标签解析成行内元素(inline)对待，所以我们只需要将其转换成块元素(block)即可使用，但是在IE9版本以下，并不能正常解析这些新标签，但是却可以识别通过创建的自定义标签，于是我们的解决方案就是将HTML5的新标签全部通过来创建一遍，这样IE低版本也能正常解析HTML5新标签了。

<script>document.createElement('hearder');document.createElement('article');document.createElement('aside');document.createElement('section');document.createElement('nav');document.createElement('figure');document.createElement('footer');
</script>

通过这两种方式就可以解决兼容问题，但是解决问题的途径不止这两种，还有其他的方式也可以解决。

解决IE兼容H5的问题相关推荐

完美解决ie8以下不兼容h5的方法
完美解决ie8以下不兼容h5的方法参考文章: (1)完美解决ie8以下不兼容h5的方法 (2)https://www.cnblogs.com/susanws/p/5412002.html 备忘一下.
uni-app项目中H5跨域小程序不跨域怎么解决方法（兼容H5、小程序）
解决这个问题的时候还是用到了之前的文章中提到的"条件编译",当然这只是其中一部分, 下面我们来看一下这种问题的解决方法, ①H5端配置首先在项目中找到一个名为"mani ...
uniapp兼容H5和小程序订阅消息授权开发封装，使用方便
本文使用 uniapp 框架开发,因为H5的订阅消息和小程序的订阅消息的授权流程不一样,但是很多地方需要使用授权,所以我封装了一个兼容H5和小程序订阅消息授权的方法,使用比较方便,希望能够帮助到你,实 ...
解决iOS微信H5支付跳转微信后不返回App问题（Swift-WKWebview）（转）
解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) 参考文章: (1)解决iOS微信H5支付跳转微信后不返回App问题(Swift-WKWebview)(转) ( ...
IE内嵌google chrome frame解决浏览器兼容问题
IE内嵌google chrome frame解决浏览器兼容问题参考文章: (1)IE内嵌google chrome frame解决浏览器兼容问题 (2)https://www.cnblogs.co ...
记一次解决 vue 兼容ie11 的问题
记一次解决 vue 兼容ie11 的问题参考文章: (1)记一次解决 vue 兼容ie11 的问题 (2)https://www.cnblogs.com/qq735675958/p/117757 ...
【转】使用Chrome Frame，彻底解决浏览器兼容问题
[转]使用Chrome Frame,彻底解决浏览器兼容问题参考文章: (1)[转]使用Chrome Frame,彻底解决浏览器兼容问题 (2)https://www.cnblogs.com/xuan ...
javascript 解决IE8 兼容 placeholder 属性含password
javascript 解决IE8 兼容 placeholder 属性含password function placeholderfun(){if( !('placeholder' in docume ...
微信h5支付“网站域名ICP备案主体与商户号主体不一致”的解决方法，H5微信支付授权函下载
微信h5支付"网站域名ICP备案主体与商户号主体不一致"的解决方法,H5微信支付授权函下载参考文章: (1)微信h5支付"网站域名ICP备案主体与商户号主体不一致&q ...
解决iphone 微信H5自动播放音乐问题
解决iphone 微信H5自动播放音乐问题参考文章: (1)解决iphone 微信H5自动播放音乐问题 (2)https://www.cnblogs.com/hlhs/p/11157401.html ...

解决IE兼容H5的问题

解决IE兼容H5的问题相关推荐

最新文章

热门文章