主頁 > 知識庫 > 我的一些關(guān)于web標準的思考筆記(一)

我的一些關(guān)于web標準的思考筆記(一)

熱門標簽:石家莊電話機器人電話 沸思外呼線路 電銷智能機器人靠譜么 江西防封卡外呼系統(tǒng)怎么安裝 南寧外呼電銷系統(tǒng)招商 電銷機器人的宣傳語 400電話辦理安徽 北京銷售外呼系統(tǒng)線路 南通電話外呼系統(tǒng)開發(fā)
我是從去年初開始學(xué)習(xí)web標準的,兩年下來也有些心得。最近跳槽了正好閑在家里,寫一些出來和大家交流一下。

1 對于web標準和W3C XHTML規(guī)范的理解

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

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

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

b class="b1">/b>b class="b2">/b>b class="b3">/b>b class="b4">/b>
b class="b4">/b>b class="b3">/b>b class="b2">/b>b class="b1">/b>

但是,這里嚴重違反了Web標準的基本概念——結(jié)構(gòu)與表現(xiàn)要分離。因為它將用于控制網(wǎng)頁表現(xiàn)的代碼放在結(jié)構(gòu)文檔中了?;蛟S你會說它事實上還是將真正的表現(xiàn)代碼放在CSS里的。但我認為這是一個偷換概念。因為以上這些b標簽跟網(wǎng)頁結(jié)構(gòu)無關(guān),它們都是一些空標簽。也就是說,它的存在并不是為了將某些內(nèi)容放在文檔結(jié)構(gòu)需要的位置。因此它們對于文檔結(jié)構(gòu)來說只是一些廢代碼。

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

當然,我承認,以上的觀點在一定程度是鉆牛角尖(但反過來說,非要實現(xiàn)非圖片圓角不也是在鉆牛角尖么,呵呵)。有些時候結(jié)構(gòu)和表現(xiàn)并不是那么輕易的就能分開的,我們?yōu)榱藢崿F(xiàn)一些豐富的表現(xiàn)不得不讓結(jié)構(gòu)去遷就(想想div style="clear:both" />的用處)。但是知道什么是對什么是錯是很重要的。即使我們有時候不得不做一些錯事。

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

標簽:北海 衢州 陽泉 晉中 寧夏 云南 來賓 鹽城

巨人網(wǎng)絡(luò)通訊聲明:本文標題《我的一些關(guān)于web標準的思考筆記(一)》,本文關(guān)鍵詞  我的,一些,關(guān)于,web,標準,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《我的一些關(guān)于web標準的思考筆記(一)》相關(guān)的同類信息!
  • 本頁收集關(guān)于我的一些關(guān)于web標準的思考筆記(一)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章