今天我們來討論下網站網頁采用DIV+CSS布局技術的好處與壞處。
采用DIV+CSS好處:
1、div css有利於搜索引擎爬蟲:一般而言相同網頁頁面html文件table布局字節大於div+css布局的字節,所以可以節約搜索引擎爬蟲爬行下載頁面內容時間。
2、重構頁面修改方便(div css改版方便):一般DIV+CSS頁面都是html和css文件分開的也就是說一個網頁的內容與表現形式的分離,一般修改小小部分的css文件裡css樣式屬性就可以修改真站的樣式版面,如背景顏色、字體顏色、網站寬度等具有table不具備的方便性。
3、div+css頁面增加網頁打開速度:這裡是特性決定了他們的性能,因為div css頁面是div的html和css文件分開的,而浏覽器打開該網頁的時候是同時下載html和css,所以可以提高網頁打開速度,而table還有個特性就是浏覽器打開的時候必須是浏覽器下載以<table>開始,並</table>結束後才顯示該塊的內容,而div的html是邊加載邊將內容呈現到浏覽器上,div css網站大大增強用戶體驗作用。大家都知道網頁多等1秒鐘都會降低浏覽者等待時間。解析谷歌將網頁加載速度快慢作為影響排名重要因素.
采用div+css缺陷或div css缺點:
1、開發技術高:要求開發div css的技術較高,兼容各浏覽器及版本浏覽器要求較高。
2、開發時間長:div css布局相對table布局開發制作時間長。
3、開發成本相對table高點:因為技術性及時間性就決定了div css頁面比table頁面成本高。