1國字型布局 這種布局類型分為上邊欄左邊欄中間內容區(qū)右邊欄和底部的頁腳區(qū)域，其形狀酷似一個“國”字國字型結構是目前比較常用的一個網頁布局結構，它適用于信息分類繁多需要良好組織的網站2T字型布局 這種。

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

9網頁布局分為自然布局，浮動布局， 定位布局 10當一個元素被定義為浮動顯示時，即定義為塊狀元素并且該元素就會收縮自身體積為最小狀態(tài)所以，應該有個好的習慣即把浮動元素設置高和寬如果沒有設置，則元素會按。

確定響應式web設計的應用場景之后，和美工或設計師溝通，之前，一般需要美工出幾套主流移動設備屏幕分辨率的設計圖，現在，使用流式布局以及rem等可以使用一套設計圖，以最常用的移動設備屏幕分辨率為基準#xF3A8美工完成設計圖當美工完成設計圖。

第三，搜索引擎友好，網站流量大HTML5的代碼是為用戶明確定義的，不僅有利于開發(fā)者，也更容易讓搜索引擎識別網頁上的內容，讓網站獲得更多的流量第四，擺脫平臺依賴，兼容性好對于開發(fā)者來說，HTML5可以跨平臺，大部分。

代碼實例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動端開發(fā)實例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles。

你是要學嗎首先HTML是最基礎的，現在流行的是HTML5設計，先學會網頁布局CSS是用來美化HTML頁面的為頁面提供布局和格式最后再學javascript選擇專業(yè)的HTML5培訓機構，跟著老師一步一步操作，入門是很容易的，飛雀教育幫。

響應式布局最簡單的就是用css3來實現我舉一個最簡單的例子下面是html代碼lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

對于有經驗的工程師來說，如果想完整掌握HTML5和CSS3新技術，那么HTML5+CSS3網頁布局和樣式精粹是最合適不過的HTML5+CSS3網頁布局和樣式精粹包含HTML5和CSS3兩部分，除了完整包含HTML5所有元素以及兩種語法格式的。

當前WEB前端開發(fā)使用DIV+CSS的布局方式會比較多也比較常用吧，網頁布局看起來貌似簡單，但是它需要綜合使用很多HTML+CSS的知識，總的來說知識量是不小如果想系統(tǒng)化的了解HTML+CSS方面的知識，建議你選擇一本比較不錯的HTML。