現(xiàn)在全國大大小小的網(wǎng)站都在搞一場技術“革命”，就是所謂“網(wǎng)站重構”說簡單點就是DIV+CSS 進行網(wǎng)站制作。用DIV+CSS 代替?zhèn)鹘y(tǒng)的Table 制作框架和美化頁面。

    在重構之前，肯定要了解為什么重構，為什么要用DIV+CSS 技術?了解了這個題目，那么大家才有使用此技術重構網(wǎng)站的動力。各大CSS學習網(wǎng)站和教程無一例外都會列舉出以下使用DIV+CSS 的好處：

    1、內容和形式分離，網(wǎng)頁前臺只需求顯示內容就行，形式上的美工交給CSS 來處理。天生的HTML文件代碼精簡，更小打開更快。

    2、改版網(wǎng)站更簡單輕易了，不用重新設計排版網(wǎng)頁，甚至于不用動原網(wǎng)站的任何HTML和程序頁面，只需求改動CSS 文件就完成了所有改版。對于門戶網(wǎng)站來講改版就像換件衣服差未幾簡單輕易。

    3、搜索引擎更友好，排名更輕易靠前。

    以上三點是N多好處最吸引人，最突出的三點。蘇州網(wǎng)站制作公司就這三點進行逐一解說

    第一內容和形式分離，網(wǎng)頁前臺只需求顯示內容就行，形式上的美工交給CSS 來處理。天生的HTML文件代碼精簡，更小打開更快。

    這個是DIV+CSS 技術最現(xiàn)著的特點，也是CSS 存在的根源。完全的顛覆現(xiàn)在傳統(tǒng)(table )網(wǎng)頁設計的技術。所有現(xiàn)在用table 制作的內容，都可以用CSS 來解決掉，而且解決的更完美，更強大。不需求大家再表格套表格，只需求用div 套div 就可以實現(xiàn)以往表格套表格所有的美工，這樣的結果就是使用div+CSS 技術，讓天生的網(wǎng)頁文件大小更精簡，更小。table 時代，一個頁面表格達到10個以上是非常普遍的事情，但是現(xiàn)在用DIV+CSS ，一個table 都可以不用，就完全達到之前的效果，這就直接導致網(wǎng)頁文件大小比使用table 時減少50%-80% ，更節(jié)約各位站長的硬盤空間，訪問者打開網(wǎng)頁時更快，而且用div+CSS 時，不像以往使用table 時，必須把全部table 讀取完了才顯示頁面內容，現(xiàn)在是可以讀一個div 就顯示一個效果，大家打開網(wǎng)頁不用等。好處真是明顯而強大。

    這個優(yōu)點的確是顯著的，凡是使用傳統(tǒng)table 建的網(wǎng)頁，內容多的話，有時候達到30K 左右都有可能，文件打了打開時，肯定就有0.0 幾秒的延遲。使用DIV+CSS ，由于沒有表格使用，你前臺打開看到的全是直接內容，CSS 文件都是導入鏈接的，是另一個文件，根本和HTML文件大小沒關系，這種天生的HTML文件，一個也就10K 左右大小。文件數(shù)目少時看不出來，但是文件萬級以上時，還是會節(jié)約幾十M 大小的。

    這些優(yōu)點實在拿到現(xiàn)在來講，個人感覺用處不大，為什么呢?

    由于table 固然天生的HTML文件要大一些，占空間多點，但是現(xiàn)在的虛擬主機空間幾百塊錢就可以達到3G以上，一個中小型門戶或是網(wǎng)站，完全夠用，就算不夠用，你數(shù)據(jù)量達到十萬級別以上，天生的HTML文件也用不了2G，這個本錢實在對于中小型網(wǎng)站長來講完全可以不計。再說使用table 說的是打開速度慢。這個在現(xiàn)在的網(wǎng)絡環(huán)境下面來講，也可以忽略的，現(xiàn)在大家上網(wǎng)都是用的寬帶，至少也是512K以上，一個網(wǎng)頁30K ，打開也就一秒不到的時候，使用DIV+CSS 也就快那么0.0 幾秒，這基本上是大家感覺不到的。而且既然都是天生HTML，那對服務器來講妨礙的效果是差未幾的，只要你的虛擬主機網(wǎng)絡穩(wěn)定，那么在table 和div+css 上就沒差別。

    但是使用table 制作網(wǎng)頁框架和表格時，全是選擇化制作的，也就是說不用大家往寫代碼，很簡單輸入邊框和行數(shù)列數(shù)就可以達到制作出來的要求，但是使用div+CSS 時，完全是靠手寫代碼，一個表格寫四行代碼的話，假如一個頁面涉及十多個div 表格天生，手寫代碼將超過50行，而且假如你數(shù)學不好，或是邏輯思維能力不強的話，你手寫出來的表格將是亂78糟，出現(xiàn)表格重疊和位置完全不正確。由于用 div+css 寫表格時，表格間的邏輯排列關系完全是靠自己手寫代碼判定，假如你沒有很強的手寫代碼能力和邏輯性，你所花費的時間，比你用table 制作時間至少是4 倍左右。基本上一個頁面定義的ID和class 類，完整頁面是不會少于20個的，一個ID或class 手寫5 句，你制作一個HTML頁面將超過100 句代碼，當然其中很多是可以存成一個CSS 文件來重復調用的。也就是說相同的頁面內容的話，排版差未幾的情況下，可以直接導入鏈接CSS 來實現(xiàn)。

    這個就很像之前天生HTML時，制作一個網(wǎng)頁模板。但制作這個模板花的時間是用table 制作時的幾倍。這里有些人要說，但是我改版的時候，就只需求再寫一個css 就可以了，不用再天生HTML了。那么我要說，當你再寫一個CSS 文件改版時，我可能都已經(jīng)用table 制作好一個頁面模板，而且還自動天生HTML全站的頁面了。這不是不可能的。

    假如作為站長的你，對于手寫代碼不是特別有信心，邏輯思維能力不是特別強，建議還是使用傳統(tǒng)的table 制作網(wǎng)頁更熟練和快捷。

    第二點改版網(wǎng)站更簡單輕易了，不用重新設計排版網(wǎng)頁，甚至于不用動原網(wǎng)站的任何HTML和程序頁面，只需求改動CSS 文件就完成了所有改版。