DIV/CSS的優(yōu)點(diǎn)有哪些

這篇文章主要介紹“DIV/CSS的優(yōu)點(diǎn)有哪些”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“DIV/CSS的優(yōu)點(diǎn)有哪些”文章能幫助大家解決問題。

div+css，這個布局中，div承載的是內(nèi)容，而css承載的是樣式。內(nèi)容和樣式的分離對于所見即所得的傳統(tǒng)table編輯方式確實(shí)是一個很大的沖擊，尤其是設(shè)計人員很難接受設(shè)計一個他們不能立即看到的樣式。不過div+css的好處實(shí)在是太明顯了：

淺析DIV/CSS的優(yōu)點(diǎn)

1、搜索引擎親和力：

搜索引擎不會在意一個頁面的設(shè)計或者構(gòu)成。搜索引擎不可能“欣賞”設(shè)計漂亮新穎的頁面；也不會去“排斥”顏色搭配丑陋的頁面。它們只是默默地拿到它們需要的內(nèi)容就離開。如果一個頁面中涵蓋了大量的table來描述構(gòu)架，試想搜索引擎要花多大的代價才可以拿到真正有用的信息呢？

一般來說，table構(gòu)架描述的頁面，樣式結(jié)構(gòu)和內(nèi)容信息大小比可能達(dá)到1：1甚至更高。而CSS+DIV構(gòu)架的頁面，雖然在客戶端看來下載一個復(fù)雜的CSS 也要占用差不多的帶寬，然而搜索引擎可以很方便的繞過這個css，而直接抓去div中的內(nèi)容。這便是div的優(yōu)勢所在。帶寬的稍多占用，完全顯得微不足道，更何況一個冗余的table設(shè)計架構(gòu)如果代碼寫的不好會占用更多的帶寬。

2、重構(gòu)頁面的方便性。

網(wǎng)頁美工設(shè)計培訓(xùn)老師覺得這個應(yīng)用最經(jīng)典的例子就是各大blog程序了。就如現(xiàn)在我用的LBS系統(tǒng)，以及流行的PJBLOG、php下面的WP、MT，都是采用div+css構(gòu)架。內(nèi)容和樣式的分離導(dǎo)致我們在重構(gòu)頁面布局（更換皮膚）的時候，只用針對每一個div元素重新定義其具體位置、樣式就行了。而在原來的table基礎(chǔ)上進(jìn)行改版,幾乎必須改變所有的內(nèi)容注入渠道,實(shí)在是太過于麻煩。

關(guān)于“DIV/CSS的優(yōu)點(diǎn)有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。