- 相關(guān)推薦
CSS+DIV設(shè)計(jì)網(wǎng)站的優(yōu)缺點(diǎn)詳解
CSS是英語(yǔ)Cascading Style Sheets(層疊樣式表單)的縮寫(xiě)，它是一種用來(lái)表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語(yǔ)言。
DIV元素是用來(lái)為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來(lái)構(gòu)成這個(gè)塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來(lái)控制，或者是通過(guò)使用樣式表格式化這個(gè)塊來(lái)進(jìn)行控制。
下面小編就為初學(xué)者們打來(lái)CSS+DIV設(shè)計(jì)的網(wǎng)站的優(yōu)缺點(diǎn)。
CSS+DIV是網(wǎng)站標(biāo)準(zhǔn)(或稱(chēng)“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格(table)定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用css+div的方式實(shí)現(xiàn)各種定位。
CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)和問(wèn)題
XHTM是目前國(guó)際上倡導(dǎo)的網(wǎng)站標(biāo)準(zhǔn)設(shè)計(jì)語(yǔ)言，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)語(yǔ)言具有的基本特點(diǎn)，這種CSS+DIV模式的網(wǎng)站設(shè)計(jì)具有一定的優(yōu)勢(shì)，不過(guò)目前在網(wǎng)站建設(shè)應(yīng)用中CSS+DIV模式也存在一些問(wèn)題。本文綜合網(wǎng)站技術(shù)和設(shè)計(jì)人員的體會(huì)，并從網(wǎng)絡(luò)營(yíng)銷(xiāo)應(yīng)用的角度，將CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)和問(wèn)題歸納如下：
CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢(shì)
首先，CSS的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼(其真正意義在于，增加了有效關(guān)鍵詞占網(wǎng)頁(yè)總代碼的比重)，因此使用CSS+DIV的web標(biāo)準(zhǔn)制作的網(wǎng)站具有搜索引擎友好的一定優(yōu)勢(shì)。
其次，CSS+DIV制作的網(wǎng)站使得網(wǎng)站改版相對(duì)簡(jiǎn)單，很多問(wèn)題只需要改變CSS而不需要改動(dòng)程序，從而降低了網(wǎng)站改版的成本。
CSS+DIV網(wǎng)站設(shè)計(jì)的問(wèn)題
盡管CSS+DIV具有一定的優(yōu)勢(shì)，不過(guò)現(xiàn)階段CSS+DIV網(wǎng)站建設(shè)存在的問(wèn)題也比較明顯，主要表現(xiàn)在：
第一，對(duì)于CSS的高度依賴(lài)使得網(wǎng)頁(yè)設(shè)計(jì)變得比較復(fù)雜。相對(duì)于HTML4.0中的表格布局(table)，CSS+DIV盡管不是高不可及，但至少要比表格定位復(fù)雜的多，即使對(duì)于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問(wèn)題，更不要說(shuō)初學(xué)者了，這在一定程度上影響了XHTML網(wǎng)站設(shè)計(jì)語(yǔ)言的普及應(yīng)用。
第二，CSS文件異常將影響整個(gè)網(wǎng)站的正常瀏覽。CSS網(wǎng)站制作的設(shè)計(jì)元素通常放在幾個(gè)l外部文件中，這一個(gè)或幾個(gè)文件有可能相當(dāng)復(fù)雜，甚至比較龐大，如果CSS文件調(diào)用出現(xiàn)異常，那么整個(gè)網(wǎng)站將變得慘不忍睹。
第三，對(duì)于CSS網(wǎng)站設(shè)計(jì)的瀏覽器兼容性問(wèn)題比較突出�；贖TML4.0的網(wǎng)頁(yè)設(shè)計(jì)在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問(wèn)題，但CSS+DIV設(shè)計(jì)的網(wǎng)站在IE瀏覽器里面正常顯示的頁(yè)面，到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什么建議網(wǎng)絡(luò)營(yíng)銷(xiāo)人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個(gè)瀏覽器廠商的進(jìn)一步支持。
第四，CSS+DIV對(duì)搜索引擎優(yōu)化與否取決于網(wǎng)頁(yè)設(shè)計(jì)的專(zhuān)業(yè)水平而不是CSS+DIV本身。CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)并不能保證網(wǎng)頁(yè)對(duì)搜索引擎的優(yōu)化，甚至不能保證一定比HTML網(wǎng)站有更簡(jiǎn)潔的代碼設(shè)計(jì)，何況搜索引擎對(duì)于網(wǎng)頁(yè)的收錄和排序顯然不是以是否采用表格和CSS定位來(lái)衡量，這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前，而很多使用CSS及web標(biāo)準(zhǔn)制作的網(wǎng)頁(yè)排名依然靠后的原因。因?yàn)閷?duì)于搜索引擎而言，網(wǎng)站結(jié)構(gòu)、內(nèi)容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標(biāo)
【CSS+DIV設(shè)計(jì)網(wǎng)站的優(yōu)缺點(diǎn)詳解】相關(guān)文章：
網(wǎng)站外鏈與網(wǎng)站優(yōu)化的之間關(guān)系詳解10-24
網(wǎng)站內(nèi)鏈優(yōu)化方法詳解08-21
公園設(shè)計(jì)的流程（詳解）09-12
百度競(jìng)價(jià)與SEO網(wǎng)站優(yōu)化的優(yōu)缺點(diǎn)08-01
網(wǎng)站優(yōu)化技巧：網(wǎng)站設(shè)計(jì)的關(guān)鍵07-30
模具設(shè)計(jì)步驟詳解08-22
如何設(shè)計(jì)雜志封面詳解09-08
網(wǎng)站優(yōu)化三種外鏈的優(yōu)缺點(diǎn)比較08-28