網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越多的人開(kāi)始使用DIV+CSS，如果不是DIV+CSS制作的網(wǎng)站好像就不入流，這也造成很多初學(xué)者整站全是雜亂無(wú)章的DIV堆集，難道真的在網(wǎng)頁(yè)設(shè)計(jì)中不能用TABLE嗎，難道DIV+CSS是寫(xiě)靜態(tài)頁(yè)面的唯一途徑嗎，其實(shí)并不是如此，這其中對(duì)于初新入行的網(wǎng)頁(yè)設(shè)計(jì)人員對(duì)使用div+css結(jié)構(gòu)存在很多誤區(qū)，這也是大多數(shù)初學(xué)者容易犯的錯(cuò)誤，今天本站總結(jié)歸納以下幾條，分享給大家，希望對(duì)你寫(xiě)網(wǎng)頁(yè)有所幫助。

1、div+css在靜態(tài)html網(wǎng)頁(yè)中確實(shí)大有好處，但不等同于完全拋棄table，我們?yōu)槭裁床挥胻able的原因是網(wǎng)頁(yè)加載table結(jié)構(gòu)時(shí)只有在完全加載完成才能看到網(wǎng)頁(yè)，這樣相對(duì)于DIV來(lái)講沒(méi)有DIV更好，還有另一原因是table的布局沒(méi)有一定的語(yǔ)義，對(duì)于我們以后修改網(wǎng)頁(yè)時(shí)帶來(lái)麻煩。但在有的時(shí)候table相對(duì)比div會(huì)更有優(yōu)勢(shì)，“求購(gòu)信息”這樣的欄目塊，在這個(gè)欄目中的頂部可能出現(xiàn)“發(fā)布人、發(fā)布時(shí)間、信息標(biāo)題、聯(lián)系方式”等項(xiàng)目，這時(shí)會(huì)發(fā)現(xiàn)用table來(lái)寫(xiě)更為方便，因?yàn)閠able是專門(mén)用來(lái)寫(xiě)數(shù)據(jù)表格的，而且符合語(yǔ)義要求，還有有時(shí)我們的頁(yè)面要做成類似excel數(shù)據(jù)的地方，你不認(rèn)為用table來(lái)寫(xiě)會(huì)比div來(lái)得更有優(yōu)勢(shì)嗎，難道就一定要通過(guò)DIV來(lái)定義嗎。

2、div+css設(shè)計(jì)網(wǎng)頁(yè)不等同于我們整個(gè)網(wǎng)站整個(gè)區(qū)域都必須用div包起來(lái)，每一個(gè)區(qū)塊就用一個(gè)div標(biāo)簽，結(jié)果會(huì)發(fā)現(xiàn)整個(gè)網(wǎng)站大量的DIV堆積，這樣就完全失去了我們DIV的真正優(yōu)勢(shì)，根體沒(méi)有語(yǔ)義的存在價(jià)值，如果要修改一個(gè)內(nèi)容你根本無(wú)從查找，其實(shí)我們應(yīng)該合理地利用dl、ul、ol、span等標(biāo)簽，這樣我們的網(wǎng)頁(yè)看起來(lái)才會(huì)條理清晰，而且修改起來(lái)很方便。

3、一般我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中css文件與html代碼都是分開(kāi)的，之所以將css文件和html分開(kāi)，是因?yàn)橛行ヽss中的樣式我們需要在多們頁(yè)面應(yīng)用，這樣在設(shè)計(jì)制作過(guò)程中省去了很多效率，再有一個(gè)就是一旦這個(gè)css文件加載了在用戶訪問(wèn)時(shí)css文件可以緩存在本地，這樣下次再訪問(wèn)其他頁(yè)面時(shí)就不用重復(fù)加載css，這樣可以節(jié)約時(shí)間和流量，也對(duì)網(wǎng)站的訪問(wèn)提高了速度，但有一種情況就沒(méi)必要放在這個(gè)css文件中，那就是這個(gè)區(qū)區(qū)域的css樣式在其他文件中是用不到的，你認(rèn)為有必要放到css文件中讓他去加載嗎，這時(shí)我們就必須在這個(gè)區(qū)域單獨(dú)來(lái)定義css樣式。

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

5、我們初學(xué)者大多都喜歡使用DW之類的輔助軟件來(lái)寫(xiě)代碼，這里告訴初學(xué)者盡可能的使用手工寫(xiě)代碼，因?yàn)樵谑止��?xiě)代碼時(shí)你會(huì)越來(lái)越熟悉代碼，一旦熟悉了這些代碼，那么代碼提示類軟件無(wú)法與手工寫(xiě)來(lái)比較的，再說(shuō)手工寫(xiě)對(duì)以后修改網(wǎng)站會(huì)大有好處，網(wǎng)站的優(yōu)化也相對(duì)更有優(yōu)勢(shì)。

好了，以上就是有關(guān)如何更好地編寫(xiě)div+css，也是有關(guān)網(wǎng)頁(yè)初學(xué)者的div+css網(wǎng)頁(yè)布局的五大誤區(qū)，希望對(duì)你有所幫助。