如何讓低版本瀏覽器支持HTML5

HTML5能爲我們做的事兒很多,最爲可口的就是語義化標籤的應用,但遺憾的是低版本IE不支持HTML5,下面我們就一起來解決這個問題。

通過JavaScript語句document.createElement("xxx")的方式來解決這個問題我就不介紹了,因爲IE8及更早的版本不支持這種方式。

下面我們一步到位,直接介紹最OK的辦法:

<!--[if IE]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv-printshiv.js"></script>
< ![endif]-->

將上代碼複製到head部分,記住一定要是head部分(因爲IE必須在元素解析前知道這個元素,所以這個js文件不能在其他位置調用,否則失效)

當然,你也可以把代碼拿出來自己看着辦:

最後在css裏面加上這段:

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

主要是讓這些html5標籤成塊狀,像div那樣。

好了,簡單吧,一句話概括就是:引用html5.js  使html5標籤成塊狀

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章