社区不支持HTML,几个解决兼容IE6\7\8不支持html5标签的几个方法

这篇文章主要介绍了关于几个解决兼容IE6\7\8不支持html5标签的几个方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

html5大行其道的时代已经到来,如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法

html5大行其道的时代已经到来。如果你还在等待浏览器兼容，说明你已经与web脱节几条街了。当然，这得益于移动客户端的蓬勃发展。如果还在纠结于，是否应该掌握html5和css3技术时，请狠狠的抽自己几个嘴巴，然后，苦学吧！因为前端的春天已经到来，而且不止一个春天。如果你不信，我只能说：爱信不信！

下面我们来看一个标准的html5标签结构：(我这里只是说标签，其它概不涉及)

代码如下:html5

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

当然，兴奋于如此美妙的语义化标签时，不仅仍要追问:IE支持吗？很不幸，答案是否定的。如果你已经被IE搞怕了，你只得继续忍受它无尽的折磨。(IE9和IE10已经兼容支持html5和css3.0)

不过你要庆幸，你生活的这个时代有很多天才。有人已经帮你把这个问题解决了！虽然，不能称上完美！

下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法：

1、javascript: document.createElenment("......")IE6\7\8不支持的部分原因是，它们不认为footer是一个有效的html标签。那么我们把它“制造”成一个标签不就行了吗？最直接的办法当然是，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])

}

})();

这只是简单创建几典型的html5标签，让它们在IE6\7\8可以成为标签。

有人已经写了一个完整的js文件，你只需要引入既可，像这样：

Hi，亲爱的小伙伴！

欢迎来到php1.cn社区!