HTML5新元素及其特性HTML5的語義化標簽以及屬性，可以讓開發(fā)者非常方便地實現(xiàn)清晰的web頁面布局，加上CSS3的效果渲染，快速建立豐富靈活的web頁面顯得非常簡單本次學(xué)習(xí)HTML5的新標簽元素有l(wèi)theader定義頁面或區(qū)段的頭部ltfooter定義頁面。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleLayoutlttitleltstylebody margin 0 padding 0Header， Footer height 100px backgroundcolor #369Left， Right。

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

使用flex布局實現(xiàn)2頁面代碼HTML如下3此時的效果如下垂直居中三 css圖片水平垂直居中1利用flex布局實現(xiàn)css水平垂直居中，設(shè)計css代碼如下2Html代碼如下3此時的效果如下水平垂直居中。

7手動強行換行布局br標簽遇到文字需要換行的使用br標簽即“l(fā)tbr ”，值得注意br標簽是單獨的標簽非盒子標簽，獨立的一個標簽，什么地方需要換行就使用br標簽8表格型table表格標簽在HTML布局中，學(xué)習(xí)DIV CSS并。

回答先分左右兩塊，然后左邊里面再細分頭部和主體ul li排列，右邊固定好寬度可以直接輸出。

100% background blue該方法有個明顯的缺點，就是如果中間欄含有最小寬度限制，或是含有寬度的內(nèi)部元素，當瀏覽器寬度小到一定程度，會發(fā)生層重疊的情況2 圣杯布局HTML代碼如下注意元素次序ltp class=quot。