網(wǎng)頁設(shè)計(jì)到底是CSS+DIV布局好還是TABLE布局好

網(wǎng)頁的制作中對于用div和css結(jié)構(gòu)寫靜態(tài)頁目前已經(jīng)很成熟，但許多新入行的朋友對于使用div和css結(jié)構(gòu)還有很多誤區(qū)，這些誤區(qū)也是我曾經(jīng)經(jīng)歷過的并且被“老鳥”指正的地方，所以總結(jié)下來分享給大家，希望對寫網(wǎng)頁有所幫助。

1、用div+css結(jié)構(gòu)制作靜態(tài)html網(wǎng)頁不等于徹底拋棄古老的table寫法。之所以不建議用table來布局網(wǎng)頁是因?yàn)樵诰W(wǎng)頁加載很慢的時(shí)候要等table結(jié)構(gòu)加載完成才能看到網(wǎng)頁，其次是table的布局沒有一定的語義，網(wǎng)頁代碼修改起來比較麻煩。

在寫一些欄目塊時(shí)，特別是數(shù)據(jù)分類較多，比如“求購信息”的欄目塊，頂部可能出現(xiàn)“發(fā)布人、發(fā)布時(shí)間、信息標(biāo)題、聯(lián)系方式”等項(xiàng)目，像這樣的地方建議還是要用table來寫，因?yàn)閠able是專門用來寫數(shù)據(jù)表格的，控制起來很方便，而且符合語義要求，還有頁面中出現(xiàn)類似excel數(shù)據(jù)的地方，也建議用table來寫。

2、div+css結(jié)構(gòu)不等于通篇區(qū)域都用div包起來。遇到一個(gè)區(qū)塊就用一個(gè)div標(biāo)簽，這樣你寫完代碼后全篇都是div，失去了語義的存在價(jià)值，區(qū)塊修改起來也不容易找到，合理的利用dl、ul、ol、span、等標(biāo)簽，不僅讓你的網(wǎng)頁看起來?xiàng)l理清晰，而且修改起來很方便，見名知意，比如你要修改一個(gè)新聞列表，先找到新聞列表所在的div或者dl標(biāo)簽，然后再找其中的ul，修改具體內(nèi)容就很容易。

3、并不是css文件一定要和html代碼分開。之所以將css文件和html分開，是因?yàn)橛行ヽss同時(shí)為多個(gè)頁面服務(wù)，而用戶訪問時(shí)css文件可以緩存在本地，這樣下次再訪問其他頁面時(shí)就不用重復(fù)加載css，可以節(jié)約時(shí)間和流量，提高訪問速度，但是如果你的頁面有些區(qū)域的css是獨(dú)一無二的，其他頁面用不到的，就不用把css剝離出去，直接用style標(biāo)簽包括在html網(wǎng)頁里就可以。

4、用div和css寫網(wǎng)頁一定要在不同類型和不同版本的瀏覽器進(jìn)行測試。建議好是同時(shí)打開多個(gè)瀏覽器，如果說你認(rèn)為你的網(wǎng)站訪客還沒有養(yǎng)成使用火狐、谷歌等瀏覽器的習(xí)慣，那最少也得兼容ie6、7、8幾個(gè)版本，由于軟件限制，沒有辦法在一個(gè)電腦上裝不同版本的多個(gè)瀏覽器，因此要借助版本模擬軟件，我常用的是ietest，用來測試網(wǎng)頁足夠了。

對于經(jīng)驗(yàn)不太豐富的頁面制作者來說好是寫一個(gè)小區(qū)塊就在不同瀏覽器下看一看效果，如果出現(xiàn)問題可以及時(shí)調(diào)整代碼，不要只在一個(gè)瀏覽器里測試，一口氣寫完，那么當(dāng)你在其他瀏覽器測試時(shí)發(fā)現(xiàn)網(wǎng)頁奇形怪狀時(shí)你就抓狂了（我曾經(jīng)就這么干過）。

總結(jié)的要點(diǎn)暫時(shí)就這么多，剩下的就是拼寫代碼的功力了，建議新手還是不要用代碼提示類的軟件，好是自己動(dòng)手寫出完整的語句，當(dāng)你寫熟練的時(shí)候你會(huì)發(fā)現(xiàn)你寫代碼的速度比用代碼提示要快的多。

當(dāng)前題目：網(wǎng)頁設(shè)計(jì)到底是CSS+DIV布局好還是TABLE布局好
網(wǎng)站URL：http://muchs.cn/news27/218877.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、云服務(wù)器、商城網(wǎng)站、網(wǎng)站收錄、網(wǎng)站策劃、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)