From: 囫圇吞棗
DIV+CSS使代碼規(guī)范、程序維護(hù)簡單。
但是DIV+CSS在用戶體驗的問題不得不關(guān)注,目前大多數(shù)網(wǎng)站都是個人站用虛擬主機(jī)或者獨立服務(wù)器,不可避免地面臨著帶寬緊缺的問題。而DIV+CSS結(jié)構(gòu)在低帶寬的情況下同比傳統(tǒng)TABLE布局效率會更低,導(dǎo)致用戶體驗大打折扣。
其原由不難理解:DIV+CSS強(qiáng)調(diào)的是代碼分離,即頁面布局在CSS文件內(nèi)定義,通過DIV實現(xiàn)。CSS文件包括了頁面中使用的的布局代碼。
訪問過程,當(dāng)瀏覽器請求頁面的時候,需要下載CSS文件到緩存后才能達(dá)到目標(biāo)效果。而通常來講CSS的下載過程將消耗大量的請求時間,在帶寬過低或網(wǎng)絡(luò)不穩(wěn)定的情況下,CSS還可能停止加載。
在請求過程中用戶看到的是空白頁面而在請求中斷的情況下用戶看到是雜亂的內(nèi)容布局。
這將嚴(yán)重影響網(wǎng)站的用戶體驗。
04年的時候網(wǎng)站重構(gòu)的概念開始在國內(nèi)得到極大的追捧,如果從代碼設(shè)計角度來講,DIV+CSS確有其優(yōu)勢存在。
但是網(wǎng)站構(gòu)建的質(zhì)量不應(yīng)該以技術(shù)為衡量標(biāo)準(zhǔn),在摒棄傳統(tǒng)TABLE布局的時候還應(yīng)該考慮下用戶體驗。
尤其對于廣大個人站長來說,DIV+CSS帶來的負(fù)面影響不可小視。
結(jié)論:合理的TABLE布局比盲目的DIV+CSS更有實際意義。