佳木斯湛栽影视文化发展公司

主頁(yè) > 知識(shí)庫(kù) > 初學(xué)web標(biāo)準(zhǔn)的幾個(gè)誤區(qū)

初學(xué)web標(biāo)準(zhǔn)的幾個(gè)誤區(qū)

熱門(mén)標(biāo)簽:鐵路電話(huà)系統(tǒng) 服務(wù)器配置 美圖手機(jī) 檢查注冊(cè)表項(xiàng) 呼叫中心市場(chǎng)需求 銀行業(yè)務(wù) 網(wǎng)站文章發(fā)布 智能手機(jī)

非常高興地看到很多設(shè)計(jì)師開(kāi)始關(guān)注和嘗試使用web標(biāo)準(zhǔn)制作網(wǎng)頁(yè)。但從網(wǎng)友們的問(wèn)題和制作中發(fā)現(xiàn)幾個(gè)問(wèn)題,在這里特別提醒一下:

1.不是為了通過(guò)校驗(yàn)才標(biāo)準(zhǔn)化。
web標(biāo)準(zhǔn)的本意是實(shí)現(xiàn)內(nèi)容(結(jié)構(gòu))和表現(xiàn)分離,就是將樣式剝離出來(lái)放在單獨(dú)的css文件中。這樣做的好處是可以分別處理內(nèi)容和表現(xiàn),也方便搜索和內(nèi)容的再利用。

W3C校驗(yàn)僅僅是幫助你檢查XHTML代碼的書(shū)寫(xiě)是否規(guī)范,CSS的屬性是否都在CCS2的規(guī)范內(nèi)。代碼的標(biāo)準(zhǔn)化僅僅是第一步,不是說(shuō)通過(guò)的校驗(yàn),我的網(wǎng)頁(yè)就標(biāo)準(zhǔn)化了。我們不是為了虛名,或者向別人炫耀:“看我的頁(yè)面通過(guò)了校驗(yàn)”而去標(biāo)準(zhǔn)化,我們的目的是為了使自己的網(wǎng)頁(yè)設(shè)計(jì)工作更有效率,為了縮小網(wǎng)頁(yè)尺寸,為了能夠在任何瀏覽器和網(wǎng)絡(luò)設(shè)備中正常瀏覽。

請(qǐng)大家沉下心來(lái),仔細(xì)研究和理解web標(biāo)準(zhǔn)的內(nèi)涵。網(wǎng)絡(luò)上已經(jīng)充滿(mǎn)了不要浮躁和虛榮,請(qǐng)不要將這種風(fēng)氣帶到web標(biāo)準(zhǔn)應(yīng)用中來(lái),這樣做只會(huì)影響和損害web標(biāo)準(zhǔn)的推廣。

2.不要用傳統(tǒng)的表格思維來(lái)套div
“CSS布局就是將原來(lái)用table的地方用div來(lái)替代,原來(lái)是表格嵌套,現(xiàn)在是DIV嵌套。”這種觀點(diǎn)是錯(cuò)誤的!

請(qǐng)?zhí)鲈瓉?lái)表格布局的禁錮,拋棄一個(gè)td接一個(gè)td放置圖片和內(nèi)容的思維方式。我們上面說(shuō)過(guò)web標(biāo)準(zhǔn)的目的是分離內(nèi)容和表現(xiàn),你可以這樣思考,頁(yè)面里有的僅僅是內(nèi)容,沒(méi)有修飾的情況下,它看上去就是一張白白的頁(yè)面,上有一些文字和圖片(這個(gè)圖片是指內(nèi)容中的圖片,是有真實(shí)意義的圖片)。這些文字圖片僅僅是依次羅列下來(lái),只有結(jié)構(gòu),沒(méi)有任何樣式。然后加入表現(xiàn),將所有修飾的圖片作為背景,用C SS來(lái)定義每一塊內(nèi)容的位置、字體、顏色等。

這樣制作的頁(yè)面才是內(nèi)容與表現(xiàn)分離的,就是說(shuō),當(dāng)你抽掉css文件,剩下的就是干凈的內(nèi)容。這樣才能在文本瀏覽器中閱讀,才能在手機(jī)、PDA中閱讀,才能隨時(shí)修改CSS實(shí)現(xiàn)改版。

3.不必為每塊內(nèi)容都建立一個(gè)id
有網(wǎng)友抱怨css文件太大、太復(fù)雜。仔細(xì)看他們的代碼,發(fā)現(xiàn)原因是他們對(duì)每塊內(nèi)容、甚至每句話(huà)都定義一個(gè)div,建立一個(gè)ID。這一方面是對(duì)樣式表應(yīng)用的不熟悉,另一方面也表現(xiàn)出對(duì)web標(biāo)準(zhǔn)沒(méi)有徹底理解。

我們知道內(nèi)容都是有結(jié)構(gòu)的(如果不明白,請(qǐng)閱讀:[url=http://www.w3cn.org/article/tips/2004/43. html]理解表現(xiàn)和結(jié)構(gòu)相分離 [/url]),相同的結(jié)構(gòu)的內(nèi)容我們可以用同一個(gè)樣式來(lái)定義,比如相同級(jí)別的標(biāo)題、正文、圖片。對(duì)于多次引用的樣式可以用class來(lái)定義,不需要每個(gè)都用id;另外也不是說(shuō)一定要用

,你完全可以用
來(lái)代替,同樣都是塊級(jí)元素,一樣有盒模型的七個(gè)參數(shù),

僅僅方便浮動(dòng)。

至于僅僅為了行高、間距、一個(gè)修飾圖片而增加額外的div,我想隨著對(duì)CSS的應(yīng)用和理解,你很快就可以省略掉這些。我們反對(duì)用DIV的嵌套取代table的嵌套,這沒(méi)有任何意義,不能體現(xiàn)內(nèi)容的結(jié)構(gòu)化。希望大家多研究CSS,寫(xiě)出最簡(jiǎn)練,最有效的樣式表。

4.不要因?yàn)橐稽c(diǎn)挫折就輕言放棄
我想這是一個(gè)態(tài)度和處事方法問(wèn)題,這不僅僅針對(duì)學(xué)習(xí)web標(biāo)準(zhǔn)。學(xué)習(xí)任何新知識(shí),接受新概念,都有困難,特別是需要你改變?cè)瓉?lái)已有的習(xí)慣和思維時(shí)。唯一的問(wèn)題就是:你認(rèn)為學(xué)習(xí)web標(biāo)準(zhǔn)是否值得?你可以問(wèn)問(wèn)自己:你是否認(rèn)可web標(biāo)準(zhǔn)帶來(lái)的這些好處(簡(jiǎn)化代碼、加速開(kāi)發(fā)、壓縮文件尺寸、提高下載速度、更好的易用性、獲得更多用戶(hù)、更易于維護(hù)、多平臺(tái)兼容)?你是否覺(jué)得世界通用的XML離你還很遠(yuǎn)?你是否認(rèn)為現(xiàn)在掌握的HTML知識(shí)就已經(jīng)足夠了?

自從99年以后,網(wǎng)頁(yè)制作技術(shù)在國(guó)內(nèi)就沒(méi)有怎么進(jìn)步和變革過(guò)(除了flash的興起),而在國(guó)外前進(jìn)的腳步就一直沒(méi)有停止過(guò),xhtml1.0、xhtml1.1、xml、xsl...,W3C和各大軟件公司都在不斷的研究和推進(jìn)web技術(shù),使它更方便、更有效、更強(qiáng)大。web標(biāo)準(zhǔn)的應(yīng)用和推廣國(guó)外已經(jīng)開(kāi)展了八年多(以zeldman的web標(biāo)準(zhǔn)組織網(wǎng)站為起點(diǎn)),雖然困難重重,但正在逐步被人們接受和認(rèn)可。為什么我們依然陶醉在網(wǎng)站表面的“繁華”上,不去思考頁(yè)面背后本質(zhì)的東西。

你愿意中國(guó)繼續(xù)落后嗎?你愿意自己繼續(xù)落后嗎?一切決定在于你自己。

標(biāo)簽:滄州 紅河 長(zhǎng)治 河南 沈陽(yáng) 上海 樂(lè)山 新疆

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《初學(xué)web標(biāo)準(zhǔn)的幾個(gè)誤區(qū)》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話(huà)咨詢(xún)

    • 400-1100-266
    大荔县| 鄂托克前旗| 阿克苏市| 宿松县| 开封县| 田林县| 金平| 中卫市| 古蔺县| 噶尔县| 文化| 台南县| 泗水县| 太康县| 朔州市| 巴彦淖尔市| 山阳县| 布拖县| 阳山县| 嘉兴市| 叙永县| 邻水| 赣州市| 自治县| 南通市| 南涧| 卢湾区| 独山县| 休宁县| 庐江县| 时尚| 电白县| 隆化县| 邻水| 竹溪县| 介休市| 祥云县| 临邑县| 三都| 绥德县| 大城县|