让 IE 支持HTML5

①使用HTML5 shiv脚本来解决这个问题，将下边代码复制到head部分就OK了。

<!--[if IE]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>< ![endif]-->
当然引用本地文件也可以

②也可以把代码拿出来自己看着搞搞：

(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(','),i=e.length;

while(i--){

document.createElement(e[i])

}

})()

最后在css里面加上这段：

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

③想要IE渲染新的元素属性，如果你想尝试，为每个想要在页面中使用的HTML5元素都执行一个JavaScript语句。例如用到<header>:

<!--[if lte IE 8]><script>document.createElement("header");</script>< ![endif]-->
这将强制IE使用css样式

④例如，在bootstrap中他们给出的基础代码中，他们是这么解决的

<!--&lt;!&ndash; HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries &ndash;&gt;-->

<!--&lt;!&ndash; WARNING: Respond.js doesn't work if you view the page via file:// &ndash;&gt;-->

<!--&lt;!&ndash;[if lt IE 9]>-->

<!--<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->

<!--<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>-->

<!--<![endif]&ndash;&gt;-->
⑤HTML5 shiv需要使用JavaScript.如果不想用js，可以用基于XML的HTML5同胞兄弟XHTML5

以上为平时看书搜索学习总结积累，第一次写文章欢迎指正批评，么么哒。