因為html5 新出的一些語義化的標簽,在低版本瀏覽器下不能識別,舉個例子,比如你寫了一個 header 標簽中,寫了一段文本,在低版本瀏覽器下,肯定是能看到的,但是,那是他是不認識 header標簽的,只是展示的內容而已,如果你給header添加一個樣式,肯定是不可以的,我們要解決的就是讓低版本的瀏覽器認識並解析我們的html5標簽。
別人的解決方法,我copy過來了,是自己經過測試的。
第一種方法:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
在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