[转]如何让暂不支持HTML5的浏览器识别HTML5标签

  由于HTML5近两年的火爆程度，越来越多的人员加入到HTML5的队伍中。各个浏览器厂商也在积极跟进，但是在中国市场上，依旧占着大部分市场的还是 IE系列浏览器，IE6/IE7/IE8这些过时浏览器依旧是顽疾在坚挺这。这也导致前端开发人员必须想办法让这些浏览器兼容HTML5的新标签，例如 header、nav、footer等标签。

    下面介绍一下如何让这些浏览器兼容HTML5标签。原理是通过JS模拟这些新的标签并输出，下面是JS代码：

    <!--[if IE]>
    <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(','),i=e.length;while(i--){document.createElement(e[i])}})()
    </script>
<![endif]-->

最后还是要定义一下CSS样式：

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

这样就能成功让IE浏览器全面识别HTML5的新标签了。