新聞中心
CSS+DIV是網(wǎng)站標(biāo)準(zhǔn)(或稱“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)各種定位。

網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了登封免費(fèi)建站歡迎大家使用!
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)行控制。
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)銷應(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的高度依賴使得網(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)題比較突出。
基于HTML4.0的網(wǎng)頁(yè)設(shè)計(jì)在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問(wèn)題,但 CSS+DIV設(shè)計(jì)的網(wǎng)站在IE瀏覽器里面正常顯示的頁(yè)面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什么建議網(wǎng)絡(luò)營(yíng)銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個(gè)瀏覽器廠商的進(jìn)一步支持。
第四,CSS+DIV對(duì)搜索引擎優(yōu)化與否取決于網(wǎng)頁(yè)設(shè)計(jì)的專業(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)。
希望本文能夠給你帶來(lái)幫助。
【編輯推薦】
- HTML5中div section article的區(qū)別
- div+css牛人也得看的15個(gè)css
- Div+CSS常見(jiàn)錯(cuò)誤總結(jié)
- DIV+CSS的好處和意義
- 分享用純CSS實(shí)現(xiàn)三列DIV等高布局的方法
本文名稱:新手問(wèn)答什么是DIV+CSS
文章起源:http://fisionsoft.com.cn/article/dhooisc.html


咨詢
建站咨詢
