自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

新手問答 什么是DIV+CSS

開發(fā) 前端
本文針對CSS+DIV初學(xué)者來說,介紹了CSS+DIV設(shè)計(jì)網(wǎng)站的優(yōu)勢以及存在的問題。希望對你有幫助,一起來看。

CSS+DIV是網(wǎng)站標(biāo)準(zhǔn)(或稱“WEB標(biāo)準(zhǔn)”)中常用的術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格 (table)定位方式的區(qū)別,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用css+div的方式實(shí)現(xiàn)各種定位。

CSS是英語Cascading Style Sheets(層疊樣式表單)的縮寫,它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計(jì)算機(jī)語言。

DIV元素是用來為HTML文檔內(nèi)大塊(block-level)的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是 用來構(gòu)成這個(gè)塊的,其中所包含元素的特性由DIV標(biāo)簽的屬性來控制,或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制。

CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢和問題XHTM是目前國際上倡導(dǎo)的網(wǎng)站標(biāo)準(zhǔn)設(shè)計(jì)語言,因?yàn)閄HTML網(wǎng)站設(shè)計(jì)語言具有的基本特點(diǎn),這種 CSS+DIV模式的網(wǎng)站設(shè)計(jì)具有一定的優(yōu)勢,不過目前在網(wǎng)站建設(shè)應(yīng)用中CSS+DIV模式也存在一些問題。本文綜合網(wǎng)站技術(shù)和設(shè)計(jì)人員的體會,并從網(wǎng)絡(luò) 營銷應(yīng)用的角度,將CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢和問題歸納如下:

CSS+DIV網(wǎng)站設(shè)計(jì)的優(yōu)勢

首先,CSS的極大優(yōu)勢表現(xiàn)在簡潔的代碼,對于一個(gè)大型網(wǎng)站來說,可以節(jié)省大量帶寬,而且眾所周知,搜 索引擎喜歡清潔的代碼(其真正意義在于,增加了有效關(guān)鍵詞占網(wǎng)頁總代碼的比重),因此使用CSS+DIV的web標(biāo)準(zhǔn)制作的網(wǎng)站具有搜索引擎友好的一定優(yōu) 勢。

其次,CSS+DIV制作的網(wǎng)站使得網(wǎng)站改版相對簡單,很多問題只需要改變CSS而不需要改動(dòng)程序,從而降低了網(wǎng)站改版的成本。

CSS+DIV網(wǎng)站設(shè)計(jì)的問題

盡管CSS+DIV具有一定的優(yōu)勢,不過現(xiàn)階段CSS+DIV網(wǎng)站建設(shè)存在的問題也比較明顯,主要表現(xiàn) 在:

第一,對于CSS的高度依賴使得網(wǎng)頁設(shè)計(jì)變得比較復(fù)雜。

相對于HTML4.0中的表格布局(table),CSS+DIV盡管不是高不可及,但 至少要比表格定位復(fù)雜的多,即使對于網(wǎng)站設(shè)計(jì)高手也很容易出現(xiàn)問題,更不要說初學(xué)者了,這在一定程度上影響了XHTML網(wǎng)站設(shè)計(jì)語言的普及應(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)站將變得慘不忍睹。

第三,對于CSS網(wǎng)站設(shè)計(jì)的瀏覽器兼容性問題比較突出。

基于HTML4.0的網(wǎng)頁設(shè)計(jì)在IE4.0之后的版本中幾乎不存在瀏覽器兼容性問題,但 CSS+DIV設(shè)計(jì)的網(wǎng)站在IE瀏覽器里面正常顯示的頁面,到火狐瀏覽器(FireFox )中卻可能面目全非(這也是為什么建議網(wǎng)絡(luò)營銷人員使用火狐瀏覽器的原因所在 )。CSS+DIV還有待于各個(gè)瀏覽器廠商的進(jìn)一步支持。

第四,CSS+DIV對搜索引擎優(yōu)化與否取決于網(wǎng)頁設(shè)計(jì)的專業(yè)水平而不是CSS+DIV本身。

CSS+DIV網(wǎng)頁設(shè)計(jì)并不能保證網(wǎng)頁對搜索引擎 的優(yōu)化,甚至不能保證一定比HTML網(wǎng)站有更簡潔的代碼設(shè)計(jì),何況搜索引擎對于網(wǎng)頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什么很多傳統(tǒng)表格布局制作的網(wǎng)站在搜索結(jié)果中的排序靠前,而很多使用CSS及web標(biāo)準(zhǔn)制作的網(wǎng)頁排名依然靠后的原因。

因?yàn)閷τ谒阉饕娑?,網(wǎng)站結(jié)構(gòu)、內(nèi) 容、相關(guān)網(wǎng)站鏈接等因素始終是網(wǎng)站優(yōu)化最重要的指標(biāo)。

希望本文能夠給你帶來幫助。

【編輯推薦】

  1. HTML5中div section article的區(qū)別
  2. div+css牛人也得看的15個(gè)css
  3. Div+CSS常見錯(cuò)誤總結(jié)
  4. DIV+CSS的好處和意義
  5. 分享用純CSS實(shí)現(xiàn)三列DIV等高布局的方法
責(zé)任編輯:于鐵 來源: 互聯(lián)網(wǎng)
相關(guān)推薦

2010-09-09 16:43:35

DIV+CSS

2010-08-16 09:19:04

DIVCSS

2011-07-05 16:46:15

XHTML

2010-08-25 09:11:57

DIVCSS

2011-05-17 09:51:27

Div+CSS

2010-08-24 11:25:06

DIVCSS

2012-08-06 09:40:36

DIV

2010-09-14 11:19:23

DIV+CSS技術(shù)

2010-08-25 12:47:40

DIVCSS

2010-08-24 10:32:34

DIV+CSS

2010-08-27 14:05:40

DIV+CSS

2010-08-16 15:19:35

DIV+CSS教程

2010-08-30 10:46:13

DIV+CSS

2010-08-30 13:09:40

DIVCSS

2010-09-14 10:00:41

CSS+DIV

2010-09-14 10:41:24

DIV+CSS排版

2010-08-23 14:30:14

DIV+CSS

2010-08-16 16:17:21

2010-09-14 12:58:41

DIV+CSS圓角

2010-09-03 13:51:59

DIVCSS
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號