如何解决兼容IE6 \ 7 \ 8不支持html5标签的问题

　　介绍

这篇文章主要介绍如何解决兼容IE6 \ 7 \ 8不支持html5标签的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

html5大行其道的时代已经到来,如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!下面我们来看几个解决兼容IE6 \ 7 \ 8不支持html5标签的几个方法 　　html5大行其道的时代已经到来。如果你还在等待浏览器兼容,说明你已经与web脱节几条街了。当然,这得益于移动客户端的蓬勃发展。如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!因为前端的春天已经到来,而且不止一个春天。如果你不信,我只能说:爱信不信!
下面我们来看一个标准的html5标签结构:(我这里只是说标签,其它概不涉及)

代码如下:

& lt; !DOCTYPE HTML> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=癵b2312"祝辞 　　& lt; title> html5 　　& lt;/head> 　　& lt; body> 　　& lt; header> 　　& lt; nav> & lt;/nav> 　　& lt;/header> 　　& lt; article> 　　& lt; section> 　　& lt; h3> & lt;/h3> 　　& lt; p> & lt;/p> 　　& lt;/section> 　　& lt;/article> 　　& lt; footer> & lt;/footer> 　　& lt;/body> 　　& lt;/html>


html5标签的进步之处当然于它的语义化更直观。当然,这只是html5的进步的九牛之一毛,有人建议说:不要说html5的进步是革命性的,而是发展性的!我不反对此说法,但某方面的确是革命性的。这里不想跑题,我们只说标签。

当然,兴奋于如此美妙的语义化标签时,不仅仍要追问:即支持吗?很不幸,答案是否定的。如果你已经被IE搞怕了,你只得继续忍受它无尽的折磨。(IE9和IE10已经兼容支持html5和css3.0)
不过你要庆幸,你生活的这个时代有很多天才有。人已经帮你把这个问题解决了!虽然,不能称上完美!
下面我们来看几个解决兼容IE6 \ 7 \ 8不支持html5标签的几个方法:
<强> 1,javascript: document.createElenment (“……“)
IE6 \ 7 \ 8不支持的部分原因是,它们不认为页脚是一个有效的html标签。那么我们把它“制造”成一个标签不就行了吗?最直接的办法当然的是,javascript的方式创建:document.createElenment (“……“) !

代码如下:

(函数(){ 　　var元素=[& # 39;头# 39;& # 39;页脚# 39;,& # 39;文章# 39;,& # 39;除了# 39;,& # 39;节# 39;,& # 39;nav # 39;, & # 39;菜单# 39;,& # 39;hgroup& # 39;, & # 39;细节# 39;,& # 39;对话框# 39;,& # 39;图# 39;,& # 39;figcaption& # 39;], 　　len=element.length; 　　而(len——) { 　　document.createElement(元素[我]) 　　} 　　})();

这只是简单创建几典型的html5标签,让它们在IE6 \ 7 \ 8可以成为标签。
有人已经写了一个完整的js文件,你只需要引入既可,像这样:

& lt; !——(如果lt ie 9)比; 　　https://www.yisu.com/zixun/& lt;脚本src=" http://html5shim.googlecode.com/svn/trunk/html5.js "> 　　也有写作