使用html5兼容低版本浏览器

标签：

因为html5 新出的一些语义化的标签，在低版本浏览器下不能识别，举个例子，比如你写了一个 header 标签中，写了一段文本，在低版本浏览器下，肯定是能看到的，但是，那是他是不认识 header标签的，只是展示的内容而已，如果你给header添加一个样式，肯定是不可以的，我们要解决的就是让低版本的浏览器认识并解析我们的html5标签。

别人的解决方法，我copy过来了，是自己经过测试的。

第一种方法：

　在header头部，最前面加入这段代码，以达到在低版本浏览器下更快的解析。加入上面的代码你就可以尽情的使用html5了

第二种方法：

<!--[if lt IE 9]>
	<script>
	(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(‘,‘),i=e.length;while(i--){document.createElement(e[i])}})()
	</script>
	<![endif]-->

上面e字符串中，是你要使用的html5标签，你可以在里面添加你要使用的标签，还要在css加这么一句， 让他们的表现展示它本来的块元素

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

网上的这种文章还是很多，其实能解决问题就可以，以目前浏览器支持html5的概率来说，其实是可以使用html5了

参考文章：

http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html

使用html5兼容低版本浏览器

标签：

原文地址：http://www.cnblogs.com/geek12/p/4552724.html