使用html5兼容低版本瀏覽器


因為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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM