使用 HTML5布局网页

这是 DIV + CSS 时期的 HTML 代码布局模式，而且这个布局还是一个经典的两栏布局。不过这个模式的代码看起来不是那么清晰。而 HTML5 的语义化标签可以让这些代码看起来就很清晰了。下面的图片就是使用 HTML5 语义化标签的布局模式了。

不过要在 IE 下使用这些语义化的标签就需要这JS 来做兼容了，等到 IE9 发布后就不需要了。代码如下：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
然后仍然需要对 IE 下的这部分标签重置CSS样式，CSS代码如下：
article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline;}
这样就在 IE 下显示正常了。
这也是本站现在这个主题使用的布局模式。最后祝大家春节快乐！