現在的網站設計佈局已經有很多網站設計者從seo或者設計的角度分析HTML5所帶來的突破的資訊。雖然HTML5在未來幾年不可能得到完全的支援，但是作為網站設計佈局裡的應該去熟悉關於HTML5的基本知識。通過HTML5建設的Y+外貿網站時的一些經驗來和大家分享一下，因為Y+外貿網站是HTML5的經典案。那現在就說一下關於HTML5在網站設計佈局中六大基本要素：
方法/步驟
HEADER：
該元素旨在作為網頁的一個片段或者增個頁面的介紹資訊的“容器”。它可以包含網站的名稱、標記線、廣告口號或者的LOGO標誌。比如我們曾做過的一家，大概就是佈局。
NAV：
這個元素很明顯是應用於建立導航或者選單欄中的，但是關鍵的一點是，並不是所有在web頁面的連結都要必須在nav元素內，只有那些主導航欄的連結才應該包含在該元素內。
SECTION：
對於section，我們可以說相對於div的無語義，section是帶有語義的div。該標籤一般應用於文章的章節、標籤對話方塊中的標籤頁、或者論文中有編號的部分。
FOOTER：
此元素的內容是包含更多關於他的父元素的內容。footer置於body之後將可以提供有關該頁面的其他的資訊內容。例如網站建設著的一些資訊，相關文章的連結或者版權資訊等等。此元素也可以被被應用於body之中不同的段中，可以給頁面中不同段一些特定的其他資訊。
ARTICLE：
這一個元素代表的內容是顯而易見的，其主要應用於主內容中。它比section具有更明確的語義,它代表一個獨立的、完整的相關內容塊。例如，一篇部落格文章中，包含使用者提交的評論的article就應該潛套在包含部落格文章article之中。
HTML5可以說是一個亮眼的網站設計佈局語言。新增加的獨特的標記，更直觀的新元素讓web設計更簡單直觀，塑造一個易識別有風格的網站佈局將不再是一件難事。相信HTML5會被越來越多的人接受和認可