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

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

1圖片寬高固定，這種情況很簡單水平居中就在圖片的css中加dispalyblockmargin0auto垂直居中自己算出p的高度圖片的高度2，得到margintop值即可2圖片高度未知，這個布局比較難實現(xiàn)一般我是用js做的。

流動布局流動布局是瀏覽器默認(rèn)的布局方式他會按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級元素不獨占一行，不能設(shè)置元素的高度寬度和底邊邊距。

4左右框架類型這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般布局是左邊是導(dǎo)航鏈接，最上面有時是一個小的標(biāo)題或標(biāo)致，而右面就是主要內(nèi)容，最常使用是論壇網(wǎng)站，企業(yè)網(wǎng)站中的內(nèi)頁有很多是采用這種布局方式的這種類型的布局。

html5網(wǎng)頁結(jié)構(gòu)布局標(biāo)簽 對于HTML5來講，在網(wǎng)頁結(jié)構(gòu)上標(biāo)簽定義與使用更加語義化，讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁的整個重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer。

布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置不同的制作者會有不同的布局設(shè)計網(wǎng)頁布局有以下幾種常見結(jié)構(gòu) 1“同”字型結(jié)構(gòu)布局 所謂同字型就夠就是指頁面頂部為“網(wǎng)站標(biāo)志+廣告條+主菜單”或主菜單，下方左側(cè)。