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

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

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

◆采用DIV+CSS好處：

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

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

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

◆采用DIV+CSS缺陷或DIV+CSS缺點：

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

2、開發(fā)時間長：DIV+CSS布局相對table布局開發(fā)制作時間長。

3、開發(fā)成本相對table高點：因為技術(shù)性及時間性就決定了DIV+CSS頁面比table頁面成本高。

【編輯推薦】

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