ie8以下版本(包括ie8)的瀏覽器不支持html5標簽屬性解決方案(Modernizr 2.6.2插件的使用)


我這邊申明下:我寫這篇日志主要是想然ie8能夠支持html5的個別標簽閉合,並不能讓ie完全支持html5,我之前寫的可能會誤導很多同學,希望大家能明白。



今天腦抽想用html5標簽設計一個網頁,我本人用的是火狐瀏覽器,都弄好后我發現一個很嚴重的問題,除了ie9以下的瀏覽器都不能支持html5標簽(article,aside,dialog,footer,header,section,footer,nav,figure,menu)

我上網找了好多中方法,有網友說使用

<!--[if lt IE9]>
<script>
(function() {
if (!
/*@cc_on!@*/
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}

我都試過了,但是發現還是不行,我就很納悶,於是我就“靈機一動”找了幾個國外的網站解剖它發現原來是使用了 Modernizr插件,我就死馬當活馬醫放到了網頁中,結果不出我所料果然所有的html5標簽都可以支持,我用ie11的開發者模式調試了ie6-ie8都沒有問題,甚至無聊的我還測試了ie5也可以完美支持。

其實這個Modernizr插件的功能很強大還不止這些如果想要了解更多的資料可以點擊官網查看

這是一遍中文的簡介挺好的可以看看哦~說了這么多,還是把插件拿出來分享,狠狠點擊這里下載,直接在head那邊添加

<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script>

這個外鏈插件腳本讓你的頁面不在煩惱。


這個是我的qq:419268793,歡迎志同道合的朋友。


原文地址http://haiqiancun.com/bbs/bbsPage/0/detail/297e9e7946a599780146a5a38dde0003/1/20140812090617



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com