最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 18:54:36
文檔

我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流

我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流:我是從去年初開始學(xué)習(xí)web標(biāo)準(zhǔn)的,兩年下來也有些心得。最近跳槽了正好閑在家里,寫一些出來和大家交流一下。1 對(duì)于web標(biāo)準(zhǔn)和W3C XHTML規(guī)范的理解按照習(xí)慣的理解,這兩個(gè)概念似乎都是指的一個(gè)東西(就是咱們?cè)谶@個(gè)版里討論的這些個(gè)高深理論^_^)。但我認(rèn)
推薦度:
導(dǎo)讀我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流:我是從去年初開始學(xué)習(xí)web標(biāo)準(zhǔn)的,兩年下來也有些心得。最近跳槽了正好閑在家里,寫一些出來和大家交流一下。1 對(duì)于web標(biāo)準(zhǔn)和W3C XHTML規(guī)范的理解按照習(xí)慣的理解,這兩個(gè)概念似乎都是指的一個(gè)東西(就是咱們?cè)谶@個(gè)版里討論的這些個(gè)高深理論^_^)。但我認(rèn)

我是從去年初開始學(xué)習(xí)web標(biāo)準(zhǔn)的,兩年下來也有些心得。最近跳槽了正好閑在家里,寫一些出來和大家交流一下。

1 對(duì)于web標(biāo)準(zhǔn)和W3C XHTML規(guī)范的理解

按照習(xí)慣的理解,這兩個(gè)概念似乎都是指的一個(gè)東西(就是咱們?cè)谶@個(gè)版里討論的這些個(gè)"高深理論“^_^)。但我認(rèn)為,事實(shí)上從技術(shù)的角度上講,這兩個(gè)事物幾乎沒有任何相關(guān)性。web標(biāo)準(zhǔn)簡(jiǎn)而言之就是將頁面的結(jié)構(gòu)、表現(xiàn)和行為各自獨(dú)立實(shí)現(xiàn),更通俗的講就是如今招聘時(shí)流行的語言”div+css"。但W3C XHTML的任何一個(gè)版本都沒有對(duì)web標(biāo)準(zhǔn)理念作限制。很顯然的,我們可以用xhtml 1.1寫出一個(gè)table定位的網(wǎng)頁。說到這里,或許會(huì)認(rèn)為我講了一堆廢話。但任何一項(xiàng)技術(shù),只有當(dāng)你對(duì)基礎(chǔ)概念有足夠清晰的認(rèn)識(shí)的時(shí)候,你才會(huì)正確的使用它。我從下面兩個(gè)方面,來談?wù)勅缃馱eb標(biāo)準(zhǔn)應(yīng)用走向的兩個(gè)歧途:

第一種情況很簡(jiǎn)單。自以為只要使用了XHTML+CSS就是Web標(biāo)準(zhǔn)了。頁面里面遍地是class和id。肆意的為每個(gè)細(xì)節(jié)都單獨(dú)定義class。這樣的頁面和傳統(tǒng)的html的區(qū)別就是img標(biāo)簽里多了個(gè)"/"。事實(shí)上這樣子還不如回到傳統(tǒng)的html,至少我可以輕松的使用font,而不用總是跟查字典一樣去查樣式表。另一種更隱蔽的隨意使用CSS的我在以后講。

第二種情況我覺得比較難理解一些,即試圖用各種紛繁復(fù)雜的div嵌套和css語句來實(shí)現(xiàn)你所想要的表現(xiàn)。很簡(jiǎn)單的一個(gè)例子就在我剛看到的一個(gè)帖子" 不用切圖的頁面圓角"。首先我想肯定的是這個(gè)創(chuàng)意確實(shí)很不錯(cuò),使用CSS功能將圓角“畫”出來。為此,設(shè)計(jì)者必須在相應(yīng)的位置加上一大段如下的代碼:


但是,這里嚴(yán)重違反了Web標(biāo)準(zhǔn)的基本概念——結(jié)構(gòu)與表現(xiàn)要分離。因?yàn)樗鼘⒂糜诳刂凭W(wǎng)頁表現(xiàn)的代碼放在結(jié)構(gòu)文檔中了?;蛟S你會(huì)說它事實(shí)上還是將真正的表現(xiàn)代碼放在CSS里的。但我認(rèn)為這是一個(gè)偷換概念。因?yàn)橐陨线@些b標(biāo)簽跟網(wǎng)頁結(jié)構(gòu)無關(guān),它們都是一些空標(biāo)簽。也就是說,它的存在并不是為了將某些內(nèi)容放在文檔結(jié)構(gòu)需要的位置。因此它們對(duì)于文檔結(jié)構(gòu)來說只是一些廢代碼。

另外一個(gè)例子可能更加隱蔽。之前我有在alistapart.com上看到過如何實(shí)現(xiàn)網(wǎng)頁三通欄的文章,其原理大概就是使用三四個(gè)div相互嵌套。我認(rèn)為這也是一個(gè)違反Web標(biāo)準(zhǔn)思想的做法。因?yàn)檫@些div標(biāo)簽在代碼中擺放的次序已經(jīng)不單純是為了結(jié)構(gòu)的需要,而是用于網(wǎng)頁的表現(xiàn)。

當(dāng)然,我承認(rèn),以上的觀點(diǎn)在一定程度是鉆牛角尖(但反過來說,非要實(shí)現(xiàn)非圖片圓角不也是在鉆牛角尖么,呵呵)。有些時(shí)候結(jié)構(gòu)和表現(xiàn)并不是那么輕易的就能分開的,我們?yōu)榱藢?shí)現(xiàn)一些豐富的表現(xiàn)不得不讓結(jié)構(gòu)去遷就(想想的用處)。但是知道什么是對(duì)什么是錯(cuò)是很重要的。即使我們有時(shí)候不得不做一些錯(cuò)事。

最后,我想聲明的是,我并不是"非圖片圓角"是無意義或是錯(cuò)誤的。我也很佩服作者的聰明和靈感。我覺得這樣的技術(shù)研究就如同以前用CSS畫國旗一樣,對(duì)CSS技術(shù)的熟練掌握很有幫助。但是,它的用途也應(yīng)該僅和CSS國旗一樣局限,不應(yīng)該在實(shí)際應(yīng)用中采納。因?yàn)樗`反Web標(biāo)準(zhǔn)的基本原則。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流

我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記(一)_經(jīng)驗(yàn)交流:我是從去年初開始學(xué)習(xí)web標(biāo)準(zhǔn)的,兩年下來也有些心得。最近跳槽了正好閑在家里,寫一些出來和大家交流一下。1 對(duì)于web標(biāo)準(zhǔn)和W3C XHTML規(guī)范的理解按照習(xí)慣的理解,這兩個(gè)概念似乎都是指的一個(gè)東西(就是咱們?cè)谶@個(gè)版里討論的這些個(gè)高深理論^_^)。但我認(rèn)
推薦度:
標(biāo)簽: 我的 web 筆記(
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top