最常用的網(wǎng)站前臺設(shè)計DIV+CSS技術(shù)特點(diǎn)是什么
1.結(jié)構(gòu)清晰
分離頁面的表現(xiàn)與結(jié)構(gòu),我們可以構(gòu)建一個div+css+js文件的做到表現(xiàn)、結(jié)構(gòu)、行為分離,這樣做的話就像我們做程序用到的那種mvc模式一樣,好處就是耦合性更小,更易維護(hù)。因為代碼少,結(jié)構(gòu)清晰。
2.提高頁面瀏覽速度
速度的優(yōu)勢分兩點(diǎn)考慮,占用帶寬
1)整體顯示速度,學(xué)過編譯原理的人都知道需要文法分析,一個<table><tr><td></td></tr></table> 到ie或其他瀏覽器中首先要分析意思,這樣的話div簡單,很容易就能匹配,暫且想象是用堆棧的方法去做的分析。
2)客戶體驗
如果是table嵌套的話,倒霉了,如果不到最后一個</table>執(zhí)行的時候,整個就是個白板,而div的話,可以先顯示一部分,客戶體驗也要好的多,其原理跟第一條有關(guān)
3.提高搜索引擎對網(wǎng)頁的索引效率
用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到你的網(wǎng)頁內(nèi)容,并可能給你一個較高的評價。
4. 易于維護(hù)和改版
你只要簡單的修改幾個CSS文件就可以重新設(shè)計整個網(wǎng)站的頁面。
采用CSS+DIV對網(wǎng)站重構(gòu)可以大大提升網(wǎng)站用戶與搜索引擎的友好度。