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標籤成塊狀