頁面入門者的div+css頁面布局的五大誤區

網頁設計越來越多的人開始使用DIV+CSS，如果不是DIV+CSS制作的網站好像就不入流，這也造成很多初學者整站全是雜亂無章的DIV堆集，難道真的在網頁設計中不能用TABLE嗎，難道DIV+CSS是寫靜態頁面的唯一途徑嗎，其實并不是如此，這其中對于初新入行的網頁設計人員對使用div+css結構存在很多誤區，這也是大多數初學者容易犯的錯誤，今天本站總結歸納以下幾條，分享給大家，希望對你寫網頁有所幫助。

1、div+css在靜態html網頁中確實大有好處，但不等同于完全拋棄table，我們為什么不用table的原因是網頁加載table結構時只有在完全加載完成才能看到網頁，這樣相對于DIV來講沒有DIV更好，還有另一原因是table的布局沒有一定的語義，對于我們以后修改網頁時帶來麻煩。但在有的時候table相對比div會更有優勢，“求購信息”這樣的欄目塊，在這個欄目中的頂部可能出現“發布人、發布時間、信息標題、聯系方式”等項目，這時會發現用table來寫更為方便，因為table是專門用來寫數據表格的，而且符合語義要求，還有有時我們的頁面要做成類似excel數據的地方，你不認為用table來寫會比div來得更有優勢嗎，難道就一定要通過DIV來定義嗎。

2、div+css設計網頁不等同于我們整個網站整個區域都必須用div包起來，每一個區塊就用一個div標簽，結果會發現整個網站大量的DIV堆積，這樣就完全失去了我們DIV的真正優勢，根體沒有語義的存在價值，如果要修改一個內容你根本無從查找，其實我們應該合理地利用dl、ul、ol、span等標簽，這樣我們的網頁看起來才會條理清晰，而且修改起來很方便。

3、一般我們在網頁設計中css文件與html代碼都是分開的，之所以將css文件和html分開，是因為有些css中的樣式我們需要在多們頁面應用，這樣在設計制作過程中省去了很多效率，再有一個就是一旦這個css文件加載了在用戶訪問時css文件可以緩存在本地，這樣下次再訪問其他頁面時就不用重復加載css，這樣可以節約時間和流量，也對網站的訪問提高了速度，但有一種情況就沒必要放在這個css文件中，那就是這個區區域的css樣式在其他文件中是用不到的，你認為有必要放到css文件中讓他去加載嗎，這時我們就必須在這個區域單獨來定義css樣式。

4、div+css制作網頁是有他的優勢，便隨隨著瀏覽器的發展，越來越多的瀏覽器投入市場，這樣就造成了我們的div+css設計者們帶來麻煩，因為如果你制作的網頁在ie上一切正常，但在火狐、谷歌等瀏覽器中打開卻亂了套，這就要求我們在網頁設計中必須要對多個瀏覽器進行測試通過，你最少也得把當今用戶用得最為廣泛的幾種進行測試，同時你還得在不同的版本中進行測試，例如ie6、7、8幾個版本是會出現不同的效果的，但是我們不可能去在電腦上安裝這么多種瀏覽器的，這樣我們就必須通過模擬軟件來進行測試，我們常用ietest就是一個較好用的IE測試軟件，而且在測試時最好是一部分一部分進行測試，不要等到把整個網站全部完成了再進行測試，一旦完成了發現大問題是很郁悶的事情，修改起來也會很麻煩。

5、我們初學者大多都喜歡使用DW之類的輔助軟件來寫代碼，這里告訴初學者盡可能的使用手工寫代碼，因為在手工寫代碼時你會越來越熟悉代碼，一旦熟悉了這些代碼，那么代碼提示類軟件無法與手工寫來比較的，再說手工寫對以后修改網站會大有好處，網站的優化也相對更有優勢。

好了，以上就是有關如何更好地編寫div+css，也是有關網頁初學者的div+css網頁布局的五大誤區，希望對你有所幫助。