ie8以下版本(包括ie8)的瀏覽器不支援html5標籤屬性解決方案(Modernizr 2.6.2外掛的使用)
阿新 • • 發佈:2019-01-03
我這邊申明下:我寫這篇日誌主要是想然ie8能夠支援html5的個別標籤閉合,並不能讓ie完全支援html5,我之前寫的可能會誤導很多同學,希望大家能明白。
今天腦抽想用html5標籤設計一個網頁,我本人用的是火狐瀏覽器,都弄好後我發現一個很嚴重的問題,除了ie9以下的瀏覽器都不能支援html5標籤(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。
我上網找了好多中方法,有網友說使用
<!--[if lt IE9]> <script> (function() { if (! /*@
[email protected]*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', '); var i= e.length; while (i--){ document.createElement(e[i]) } })() </script> <![endif]-->
或者
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> //谷歌現在已經退出了中國市場(除了中國和朝鮮以外的國家都可以訪問,呵呵~)
<![endif]-->
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
我都試過了,但是發現還是不行,我就很納悶,於是我就“靈機一動”找了幾個國外的網站解剖它發現原來是使用了,我就死馬當活馬醫放到了網頁中,結果不出我所料果然所有的html5標籤都可以支援,我用ie11的開發者模式除錯了ie6-ie8都沒有問題,甚至無聊的我還測試了ie5也可以完美支援。
其實這個的功能很強大還不止這些如果想要了解更多的資料可以。
<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script>
這個外鏈外掛指令碼讓你的頁面不在煩惱。
這個是我的qq:419268793,歡迎志同道合的朋友。