淺談DIV+CSS的優缺點

本文主要和大家淺談DIV+CSS的優缺點，具有很好的參考價值，希望對大家有所協助。一起跟隨小編過來看看吧，希望能協助到大家。

DIV本身就是容器性質的,你不但可以內嵌table還可以內嵌文本和其它的HTML代碼；CSS是CascADIng style Sheets的簡稱，中文譯作“層疊樣式表單”，在首頁製作時採用CSS技術，可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者所有頁數的網頁的外觀和格式。

DIV+CSS標準具有以下優點:

1、因為採用CSS布局，不象表格版面配置充滿各種各樣的屬性和數字，而且很多css檔案通常是共用的，從而大大縮減頁面代碼，提高頁面瀏覽速度。

2、結構清晰，對搜尋引擎更加友好。更容易被搜尋引擎收錄，具備搜尋引擎SEO的先天條件，配合優秀的內容和一些SEO處理，可以獲得更好的網站排名。

3、相容性更好，符合web標準規範的發展趨勢，可以在幾乎所有的瀏覽器上都可以使用，不會出現在不同的瀏覽器中效果差距很大的情況。

4、縮短改版時間，因為網站的布局都是通過外部的css檔案來控制，只要簡單的修改幾個CSS檔案就可以將許多網頁的風格格式同時更新，不用再一頁一頁地更新了。你可以將網站上所有的網頁風格都使用一個CSS檔案進行控制，只要修改這個CSS檔案中相應的行，那麼整個網站的所有頁面都會隨之發生變動。

5、強大的字型控制和排版能力，CSS控制字型的能力比糟糕的FONT標籤好多了，CSS不再需要用FONT標籤或者透明的1px圖片來控制標題、改變字型顏色、字型樣式等等。

6、提高易用性，使用CSS可以結構化HTML，例如：P標籤只用來控制段落，h1-h6標籤只用來控制標題，table標籤只用來表現格式化的資料等等。你可以增加更多的使用者而不需要建立獨立的版本。

7、更好的擴充性。你的設計不僅僅用於web瀏覽器，也發行就緒在其他裝置上，比如PowerPoint等。

8、更靈活控制頁面配置，通常頁面的下載是按照代碼的排列順序，而表格版面配置代碼的排列代表從上向下，從左至右，無法改變。而通過CSS控制，您可以任意改變代碼的排列順序，比如將重要的右邊內容先載入出來。

9、表現和內容相分離，乾淨利落，將設計部分剝離出來放在一個獨立樣式檔案中，而網頁主要來放置您的內容，你可以減少未來網頁無效的可能。

10、更方便搜尋引擎收錄，並獲得更高的評價。用只包含結構化內容的HTML代替嵌套的標籤，主次分明，搜尋引擎將更有效地搜尋到你的內容，並可能給你一個較高的評價(ranking)。

11、Table表格版面配置靈活性不大，你只能遵循 table tr td 的格式。而p你可以 p ul li 也可以 ol li 還可以 ul li......

12、Table表格版面配置中，垃圾代碼會很多，一些修飾的樣式及布局的代碼混合一起，很不利於直觀。而DIV 更能體現樣式和結構相分離，結構的重構性強。

13.以前一些必須通過圖片轉換實現的功能，現在只要用CSS就可以輕鬆實現，從而更快地下載頁面。

DIV+CSS有這麼多的優點，但它還有一些不好的地方：

1、CSS網站製作的設計項目通常放在1個外部檔案中，或幾個檔案，有可能相當複雜，甚至比較龐大，如果CSS檔案調用出現異常，那麼整個網站將變得慘不忍睹。

2、DIV+CSS儘管不是高不可及，但至少要比表格定位複雜的多，即使對於網站設計高手也很容易出現問題，更不要說初學者了。

3、雖然說DIV+CSS解決了大部分瀏覽器安全色問題，但是也有在部分瀏覽器中使用出現異常，比如Firefox瀏覽器，在IE中顯示正常的頁面，到了Firefox瀏覽器中可能會面目全非。當然這應該是瀏覽器的問題，但是可以說在目前來看，DIV+CSS還沒有實現所有瀏覽器的統一相容。

4、DIV+CSS對搜尋引擎最佳化與否,取決於網頁設計的專業水平,而不是DIV+CSS本身。DIV+CSS網頁設計並不能保證網頁對搜尋引擎的最佳化，甚至不能保證一定比HTML網站有更簡潔的代碼設計，何況搜尋引擎對於網頁的收錄和排序顯然不是以是否採用表格和CSS定位來衡量，這就是為什麼很多傳統表格版面配置製作的網站在搜尋結果中的排序靠前，而很多使用CSS及web標準製作的網頁排名依然靠後的原因。因為對於搜尋引擎而言，網站結構、內容、相關網站連結等因素始終是網站最佳化最重要的指標。