使用div+css的誤區(qū)

2013-04-17 12:54 作者：周艷紅 瀏覽量：

使用div+css的誤區(qū)

1、用div+css結(jié)構(gòu)制作靜態(tài)html網(wǎng)頁不等于徹底拋棄古老的table寫法。之所以不建議用table來布局網(wǎng)頁是因?yàn)樵诰W(wǎng)頁加載很慢的時候要等table結(jié)構(gòu)加載完成才能看到網(wǎng)頁，其次是table的布局沒有一定的語義，網(wǎng)頁代碼修改起來比較麻煩。但table是專門用來寫網(wǎng)頁數(shù)據(jù)表格的，頁面中出現(xiàn)類似excel數(shù)據(jù)的地方，建議用table來寫。 
2、div+css結(jié)構(gòu)不等于通篇區(qū)域都用div包起來。遇到一個區(qū)塊就用一個div標(biāo)簽，這樣寫完代碼后全篇都是div，失去了語義的存在價值，區(qū)塊修改起來也不容易找到，合理的利用dl、ul、ol、span、等標(biāo)簽，不僅讓你的網(wǎng)頁看起來?xiàng)l理清晰，而且修改起來很方便。 
3、并不是css文件一定要和html代碼分開。將css文件和html分開，是因?yàn)橛行ヽss同時為多個頁面服務(wù)，而用戶訪問時css文件可以緩存在本地，下次再訪問其他頁面時就不用重復(fù)加載css，可以節(jié)約時間和流量，提高訪問速度，但是如果網(wǎng)頁有些區(qū)域的css是獨(dú)一無二的，其他頁面用不到，就不用把css剝離出去，直接用style標(biāo)簽包括在html網(wǎng)頁里就可以。 
4、用div和css寫網(wǎng)頁一定要在不同類型和不同版本的瀏覽器進(jìn)行測試。最好是同時打開多個瀏覽器，最少也得兼容ie6、7、8等版本。

   --- 版權(quán)最終歸艾銻無限所有http://m.zhengyunzhengyun.cn/ 如需轉(zhuǎn)載，請標(biāo)明出處。