考慮我們開發一個頁面的過程：
1.設計頁面的結構 - HTML：這個過程是使用各種HTML元素構建網頁的結構。
2.設計頁面的外觀 - CSS：這個過程是使用CSS去改善網頁的外觀。
3.設計頁面的行為 - Javascript：這個過程是給網頁的元素賦予一定的行為。
上面這些除了CSS外，HTML5在另外兩個方面都不同程度的進行了擴充。這個系列是集中在第一個方面。在前面，我們已經學習了復雜的canvas和svg元素，下面的章節會總結其他HTML5增加的元素。
結構型元素
HTML5中加入了全新的結構型元素，例如頁眉header，頁腳footer，導航nav，內容article，章節section等。含義如下圖所示：
除了這種整個頁面的結構型元素，html5也加入了塊級別的語義元素，例如輔助元素aside，圖像元素figure，細節描述元素details等。這些元素除了更能顯示頁面的布局含義外，與普通的div并沒有其它的區別，仍然需要靠CSS去展示這些元素。這里就是簡單看一個小例子：
新聞熱點
疑難解答
