html5在ie8及以下的兼容性问题

今天改了一个模板，直接运行在ie8中没有出现问题，改到jsp中发布到服务器上，导航部分和网页底部的效果乱了，一查发现是ie8把

<footer>这里是footer部分</footer>

解析成了

<footer/>这里是footer部分</footer/>

这个后果就造成了针对footer,header,aside等的css全部失效。

解决方法：

<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('figcaption');
document.createElement('figure');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');</script>

或

<script type="text/javascript">(function(){var e="abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i]);}}());</script>

或引入Google的html5兼容性js，建议下载到本地引入

<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>