IE html5 header footer nav article section

<!--[if ie]>
<script>
document.createelement("header");
document.createelement("footer");
document.createelement("nav");
document.createelement("article");
document.createelement("section");
</script>
<![endif]-->

　　

<!--[if ie]>
<script>
(function(){var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createelement(e[i])}})()
</script>
<![endif]-->

html5在默认情况下表现为内联元素，对这些元素进行布局我们需要利用css手工把它们转为块状元素，如下例：

header, footer, nav, section, article {
display:block;
}