div作為布局元素，它與表格一樣是可以嵌套的。因?yàn)闉g覽器對(duì)于任何元素的解析方式都是一樣的，一般從最里層開始，然后不斷向外解析。當(dāng)嵌套層級(jí)很深時(shí)，將會(huì)使瀏覽器消耗更多的資源對(duì)嵌套關(guān)系進(jìn)行解析，勢必會(huì)影響瀏覽器的速度。

對(duì)于一個(gè)上下三行的布局結(jié)構(gòu)：

為了實(shí)現(xiàn)頁面固定寬度和居中顯示效果，分別給三個(gè)div設(shè)置css樣式就有點(diǎn)麻煩了，我們可以給它嵌套一個(gè)div層：

實(shí)際上這種增加一層div嵌套的方法，肯定會(huì)給瀏覽器的顯示帶來負(fù)擔(dān)，我們可以將body元素作為一個(gè)外套,這樣就能充分發(fā)揮body的作用，以免造成浪費(fèi)。

又比如：要給上述頂部頁眉部分加一個(gè)導(dǎo)航條：

上述代碼是最優(yōu)化的么？當(dāng)然不是，ul元素與div元素一樣都是塊狀元素，一個(gè)導(dǎo)航菜單外面嵌套兩層元素，勢必會(huì)產(chǎn)生代碼冗余，如果沒有被定義的特殊樣式，我們完全可以這樣寫：

　　這種情況就是最優(yōu)的。但是，這樣做存在一定的風(fēng)險(xiǎn)，可能需要使用更多的css樣式來控制整個(gè)元素的顯示。如果多嵌套一層，對(duì)頁面布局會(huì)有更大的幫助，能節(jié)省大量不必要的css控制代碼，此時(shí)布局的功能重要性就遠(yuǎn)大于結(jié)構(gòu)的功能性。

總之，在我們大力提倡盡力減少div元素的多次嵌套時(shí)，是針對(duì)當(dāng)前網(wǎng)頁設(shè)計(jì)中設(shè)計(jì)師亂套div元素的現(xiàn)狀而說的，但并不是談套色變，必要的嵌套是應(yīng)該的，也是必須的！

補(bǔ)充：頁面語義化操作：

1、XHTML結(jié)構(gòu)的語義性

2、構(gòu)建語義化頁面操作

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com