HTML5相對(duì)于HTML4新增了一些布局元素

新增布局標(biāo)簽的優(yōu)點(diǎn)：

⒈更加注重文檔的結(jié)構(gòu)內(nèi)容而不是以什么形式展現(xiàn)出來(lái)

⒉對(duì)人的友好，更加語(yǔ)義化，增加代碼的可讀性

⒊對(duì)計(jì)算機(jī)友好，瀏覽器更容易解析

新增布局標(biāo)簽的內(nèi)容：

新增的布局標(biāo)簽可概括為兩類(lèi)：一是控制主體結(jié)構(gòu)的標(biāo)簽(頭部，尾部，)

二是輔助主體內(nèi)容的標(biāo)簽(嵌在主體里面的標(biāo)簽)

header元素：

▲主要用于設(shè)置一個(gè)頁(yè)面的標(biāo)題部分，可能還包括LOGO，導(dǎo)航欄等。

▲放在body中的第一個(gè)標(biāo)簽，即文檔的頂端

▲是塊元素

footer元素：

▲放在網(wǎng)頁(yè)的底部區(qū)域，會(huì)包含友情鏈接，版權(quán)聲明，文檔建立日期，聯(lián)系方式等。

▲是塊元素

代碼演示：

Document

body { height: 708px; }

header{ width: 100%; height:10%; background-color: green }

footer{ width: 100%; height:10%; background-color: blue }

#div0 { width: 100%; height:80%; background-color:red;}

#div1 { width: 20%; height:100%;background-color:pink;float: left }

#div2 { width: 80%; height:100%;background-color:gray;float: left }

我是頭部

我是側(cè)邊欄

總結(jié)

以上是生活随笔為你收集整理的HTML5新布局元素布局,HTML5新的布局元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。