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

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

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

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

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

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

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

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

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

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