在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，頁(yè)面布局是最重要的一個(gè)內(nèi)容。網(wǎng)頁(yè)的頁(yè)面布局有表格布局和DIV+CSS布局兩種方法。但傳統(tǒng)表格布局現(xiàn)在已基本被DIV+CSS所替代。那么，為什么表格布局會(huì)被淘汰，它和DIV+CSS布局有什么區(qū)別呢?

1.表格布局

網(wǎng)頁(yè)設(shè)計(jì)傳統(tǒng)的表格排版是通過大小不一的表格和表格嵌套來(lái)定位排版網(wǎng)頁(yè)內(nèi)容的，使用表格單元格的合并、拆分以及表格的多層嵌套制作出不規(guī)則的表格，從而劃分頁(yè)面的結(jié)構(gòu)。表格布局簡(jiǎn)單易學(xué)，其優(yōu)點(diǎn)就是制作簡(jiǎn)單、快速。但表格布局也有致命的缺點(diǎn)。首先，在制作復(fù)雜頁(yè)面時(shí)，需要多層表格嵌套使用，當(dāng)表格的層次嵌套太多時(shí)，搜索引擎對(duì)網(wǎng)頁(yè)中的關(guān)鍵詞就抓取不到了。另外，用表格布局的頁(yè)面維護(hù)困難，當(dāng)頁(yè)面布局有較大調(diào)整的時(shí)候，頁(yè)面的布局表格基本上需要重新制作。這些缺點(diǎn)都導(dǎo)致了表格布局最終被淘汰。

2.DIV+CSS布局

網(wǎng)頁(yè)設(shè)計(jì)中的DIV+CSS布局，是由CSS定義的大小不一的盒子和盒子嵌套來(lái)排版網(wǎng)頁(yè)。這種排版方式的最大的優(yōu)點(diǎn)就是網(wǎng)頁(yè)代碼簡(jiǎn)潔，表現(xiàn)(CSS)和內(nèi)容(HTML)可以完全分離，維護(hù)方便，可以很容易的實(shí)現(xiàn)網(wǎng)頁(yè)換膚，而且DIV的嵌套層次并不會(huì)對(duì)搜索引擎的收錄有影響。其缺點(diǎn)就是難度較大，不易掌握。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的課程信息~

優(yōu)質(zhì)、便捷、省心