用DIV+CSS做網站有什么好處

DIV+CSS的開發思路面世已經快十年了，隨著互聯網的發展，它的應用也越來越普及，并且得到了深化。特別是近幾年，HTML5和CSS3的問世，使用DIV+CSS3+HTML5的設計框架又達到了一個空前的高潮。CSS3加入了更多的網頁效果，使之前需要使用圖片和JS來實現的圖片效果和動畫效果通過CSS3輕易就能實現，大大減少了對網頁代碼的依賴。而HTML5則加入了許多更加人性化的元素，比如視頻和音頻播放功能、比如進度條元素等等。感謝這些默默無聞的工作者，使得我們在降低網站開發所需要的成本的同時，還給予了我們豐富的、更加人性化的設計元素。

現在，使用DIV+CSS設計的網站已經達到了60%以上，這是整個互聯網行業的進步。為什么越來越多的人們選擇了DIV+CSS呢，那么，它一定有它的好處或過人之處。易捷網絡的網絡工程師做了如下總結：

1、大大減少了網站的冗余代碼

以前，我們常常采用table+tr+td這樣的設計樣式，有關于這個表格的所有屬性都在網頁元素本身進行設置，這樣就導致了不同網頁的同樣風格的元素需要寫兩次這樣的屬性。如果使用DIV+CSS，一切就不同了，將網頁文件與CSS樣式進行分離，不同的網頁調用同一個CSS進行樣式管理。這樣一來，我們就不需要為每一個網頁中的DIIV設置樣式了，當多個網站中的某個DIV展現的效果是一樣的時候，我們可以將這些DIV指向同一個樣式，這意味著我們只需要在CSS中設置一個樣式而被多個網頁引用，從而大大減少了冗余代碼。

2、大大提高了網頁的打開速度

第1條中已經提到，減少了網站的冗余代碼，這意味著每一個網站中不需要再單獨設置獨立的樣式了，這樣一來，網頁的代碼量減少了至少一半，也就是說，利用DIV+CSS我們只需要原來一半的代碼就可以實現全部的設計需要。同時，由于冗余代碼量大大減少了，網頁的體積也就大大降低了。比如原來一個100K的網頁，現在只有50K了，這就意味這我們的網頁打開速度將提高一倍。

3、大大增強了搜索引擎的友好

網頁一些無關的代碼減少后，同時也增加了有用文字的密度，保持一種合適的關鍵詞密度對搜索引擎來講是非常重要的，它能使某些關鍵詞的競爭能力得到大大提升。隨著網頁體積的減少，網頁瀏覽速度也隨之加快，這就意味著搜索引擎蜘蛛在同樣一年時間單位里爬行更多的頁面進行收錄或更新。眾所周知，一個網站中的網頁收錄越多，越有可能帶來更多的訪客，而訪客越多，則意味著網站會為企業帶來更好的效益。

4、大大提高了網站的可維護性

DIV+CSS的基本特性為，使用一個CSS文件就可以控制所有網頁中的樣式和展示效果。同時，也就意味著我們只需要對這個CSS文件進行簡單的修改就能夠控制網站中全部的樣式效果。比如，我們希望所有產品圖片都帶有一條1像素的灰色邊框時。

現在，CSS3和HTML5已經問世，通過各種應用，它的優勢也越來越明顯。CSS3+HTML5進一步簡化了實現某些效果的難度、進一步加強了網站代碼的簡潔性和易維護性。特別是在移動應用中表現的尤其出色，比如手機網站，而手機網站最基本要求是網頁體積越小越好，這樣可大大降低網站對移動網絡的要求，提高用戶瀏覽體驗。