你對(duì)DIV+CSS布局技術(shù)的優(yōu)缺點(diǎn)是否了解，這里和大家簡(jiǎn)單分享一下，希望本文介紹對(duì)你的學(xué)習(xí)有所幫助。

采用DIV+CSS布局技術(shù)的好處與壞處

今天我們來(lái)討論下網(wǎng)站網(wǎng)頁(yè)采用DIV+CSS布局技術(shù)的好處與壞處。

◆采用DIV+CSS好處：

1、DIV+CSS有利于搜索引擎爬蟲(chóng)：一般而言相同網(wǎng)頁(yè)頁(yè)面html文件table布局字節(jié)大于DIV+CSS布局的字節(jié)，所以可以節(jié)約搜索引擎爬蟲(chóng)爬行下載頁(yè)面內(nèi)容時(shí)間。

2、重構(gòu)頁(yè)面修改方便（DIV+CSS改版方便）：一般DIV+CSS頁(yè)面都是html和css文件分開(kāi)的也就是說(shuō)一個(gè)網(wǎng)頁(yè)的內(nèi)容與表現(xiàn)形式的分離，一般修改小小部分的css文件里css樣式屬性就可以修改真站的樣式版面，如背景顏色、字體顏色、網(wǎng)站寬度等具有table不具備的方便性。

3、DIV+CSS頁(yè)面增加網(wǎng)頁(yè)打開(kāi)速度：這里是特性決定了他們的性能，因?yàn)镈IV+CSS頁(yè)面是div的html和css文件分開(kāi)的，而瀏覽器打開(kāi)該網(wǎng)頁(yè)的時(shí)候是同時(shí)下載html和css，所以可以提高網(wǎng)頁(yè)打開(kāi)速度，而table還有個(gè)特性就是瀏覽器打開(kāi)的時(shí)候必須是瀏覽器下載以<table>開(kāi)始,并</table>結(jié)束后才顯示該塊的內(nèi)容，而div的html是邊加載邊將內(nèi)容呈現(xiàn)到瀏覽器上，DIV+CSS網(wǎng)站大大增強(qiáng)用戶體驗(yàn)作用。大家都知道網(wǎng)頁(yè)多等1秒鐘都會(huì)降低瀏覽者等待時(shí)間。解析谷歌將網(wǎng)頁(yè)加載速度快慢作為影響排名重要因素.

◆采用DIV+CSS缺陷或DIV+CSS缺點(diǎn)：

1、開(kāi)發(fā)技術(shù)高：要求開(kāi)發(fā)DIV+CSS的技術(shù)較高，兼容各瀏覽器及版本瀏覽器要求較高。

2、開(kāi)發(fā)時(shí)間長(zhǎng)：DIV+CSS布局相對(duì)table布局開(kāi)發(fā)制作時(shí)間長(zhǎng)。

3、開(kāi)發(fā)成本相對(duì)table高點(diǎn)：因?yàn)榧夹g(shù)性及時(shí)間性就決定了DIV+CSS頁(yè)面比table頁(yè)面成本高。

【編輯推薦】

1. DIV CSS隱藏內(nèi)容樣式方法揭秘
2. DIV CSS設(shè)計(jì)中常見(jiàn)問(wèn)題的解決辦法
3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
4. DIV CSS網(wǎng)頁(yè)布局需要掌握的八大技巧
5. 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法