HTML5.js
IE是永恒的話題；對于我們使用的HTML5標簽，IE9之前的版本無法提供支持。目前的最佳解決方案仍是通過html5.js來幫助這些舊版本的IE瀏覽器創(chuàng)建HTML5元素節(jié)點。在我們的頁面HTML代碼中調用該JS文件：
<!–[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]–>
CSS
HTML5塊級元素樣式
首先仍是瀏覽器兼容問題。雖然我們已經可以在低版本的IE中創(chuàng)建HTML5元素節(jié)點，但還是需要在樣式方面做些工作，將這些"新"元素聲明為塊級：
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
主要結構的CSS
忽略細節(jié)，我們仍是將注意力集中在大問題上。正如在前文"概述"中提到的，默認情況下頁面容器的固定寬度為980像素，頁頭部分（header）的固定高度為160像素；主要內容部分（content）的寬度為600像素，左浮動；側邊欄（sidebar）右浮動，寬度為280像素。
#pagewrap {
width: 980px;
margin: 0 auto;
}
#header {
height: 160px;
}
#content {
width: 600px;
float: left;
}
#sidebar {
width: 280px;
float: right;
}
#footer {
clear: both;
}
截至目前的效果演示
目前我們只是初步完成了頁面結構的HTML和默認結構樣式，當然，并不包括那些與話題無關的細節(jié)實現問題。正如可以在目前的演示中看到的，由于還沒有做任何media query方面的工作，頁面還不能隨著瀏覽器尺寸的變化而改變布局。