對于初入門的網(wǎng)頁設計者和開發(fā)者而言，學習網(wǎng)頁設計和開發(fā)就應該從HTML5和CSS3開始，這是毋庸置疑的對于有經(jīng)驗的工程師來說，如果想完整掌握HTML5和CSS3新技術，那么HTML5+CSS3網(wǎng)頁布局和樣式精粹是最合適不過的。

步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個空白的模版，代碼很簡單，如下所示復制代碼 步驟2 增加HTML 5新標簽 HTML 5中新增加了不少標簽，如article， aside， details， figcaption， figure， footer， header。

此外比較特殊的是彈性布局，彈性布局相對使用較少，需要根據(jù)項目的具體情況而定在網(wǎng)站開發(fā)當中，通常是需要結合多種布局去實現(xiàn)網(wǎng)頁布局的如果是在學習網(wǎng)頁布局的相關知識，可以弄本 HTML5布局之路 ，來輔助自己的學習。

html5新增的一些語義話標簽，可以使用比如頭部可以使用header標簽，導航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標簽都是使用比較頻繁的標簽，span，i，em可以對文字進行單獨的描述，表示等lt。

9 lthtml如果網(wǎng)頁編寫工具暫時不支持HTML5也沒關系，自己寫這幾行代碼也很簡單說明第一行l(wèi)t！DOCTYPE html是HTML5對文檔類型的簡化，化繁為簡文檔類型的作用驗證器依據(jù)它來判斷該采用何種規(guī)則去驗證代碼強制瀏覽器以標準模式。

常用布局上中下 三欄 少常用布局左中右 三欄也有左右 兩欄 還有很多，很多 可以用標簽定位你需要的布局沒有固定格式。

簡述當前網(wǎng)頁設計語言選擇html5的五大理由這個問題相當于問html5的優(yōu)點或者特性首先，web應用程序更容易開發(fā)HTML5的規(guī)范是基于用戶至上的準則編寫的，符合開發(fā)者的編碼習慣語法限制不嚴格，代碼更簡潔易讀第二，功能。

列舉常用HTML5結構組合 header nav section article figure figcaption aside footer 一般首頁結構，如圖所示 當然也可以是下面的結構 其中section和article最為相似，而且和div標簽貌似也有很大相似之處 但看似相似，并不是真的。