Levels of CSS Knowledge – 看看你是哪個等級的CSS開發人員

來源:互聯網
上載者:User
CSS? Isn’t that a multiplayer game?
第0級:CSS?那不是一個多人射擊遊戲嗎?

有些人因為在找CS:S(Counter Strike: Source)這款遊戲的資訊而進到#CSS網站。不必擔心這些人,他們不可能製作太多網頁,所以對網路也不會造成多大傷害。 

Yeah, I use it to remove underlines on links sometimes
第1級:是啊,我偶爾用它來移除連結的底線

和第0級的人不同,這些人學過HTML,也製作過幾個簡單的網站。他們只有在無法使用HTML製作出某些效果時,才會使用CSS,例如移除連結的底線或者設定行高。這些人的網站通常規模不大也沒什麼訪客,所以他們也不會對網路造成太大傷害。

No, I don’t like divs; tables are much easier to work with
第2級:不,我不喜歡div元素;表格好用多了

他們聽過使用div元素來設計網頁這件事,也花了些時間學習CSS。不過他們很快就放棄了,覺得CSS太難而且支援度不佳,還是寧可用表格排版。
注意!他們是危險人物!他們在這個領域已經待了一段時間,許多都是網站部門的主管。和他們接觸是很重要的,提倡網路標準的人應該多多開導他們,這對網路的意義非同小可。

Yes I’ve heard it’s good, but I can’t use it because of…
第3級:是啊,聽說它挺好的,不過我沒用它因為……

這些人雖然知道CSS的優點,不過總是基於某些原因而無法使用它,例如他們可能有第2級的上司,或者他們必須考慮到Netscape 4的使用者。
舊版的瀏覽器雖然不支援CSS,不過使用者還是可以看見完整的內容。而基於親和力(accessibility)和易用性(usability)的好處,CSS可以為網站帶來更多訪客。把這些優點告訴第3級的開發人員,即使他們不是決策者,或許多少能對第2級的上司發揮點影響力吧。

CSS? Oh! Yes, I use divs for all my layouts
第4級:CSS?喔!沒錯,我用div元素來排版

在頁面中使用過多的div元素反而是這群人的問題,他們會用#toprightredline或是#r5_c7(表示第5列第7欄)這樣的方式設定div元素的id。即使可以通過XHTML 1.1的驗證,這種排版方式卻無法發揮CSS的優勢。螢幕朗讀軟體(screen readers,視障者使用的瀏覽器)很難解譯這些網頁,舊版瀏覽器也會有同樣的問題,網頁的內容無法完整顯示。而不良的class與id命名方式,也對於版面的修改造成極大不便。
雖然第4級的人製作的網站仍然很糟,不過由於他們很容易接受新的觀念,因此對網路造成的傷害較小。許多所見即所得 (WYSIWYG)(WYSIWYG)的編輯器製作出充滿div元素的原始碼,可能也是誤導這群人的原因。幸好這些編輯器已經逐漸改良了,希望這會有助於第4級的人繼續往上提升。

I use CSS for design, it’s better than tables because of…
第5級:我用CSS來設計,這比表格好多了,因為……

第5級的人知道CSS的優點並樂於使用,雖然有時會遇到些問題,但並不嚴重。他們也能運用長期的CSS工作經驗,與人辯論為甚麼要將網頁的結構與設計分開。我猜這篇文章大部分的讀者是這一級的CSS開發人員,我想我自己也是。不過這還不是最好的……

What version of CSS? Yes, I do. Did you read my book about…
第6級:哪個版本的CSS?是的,我知道啊。你有讀過我的書關於……

第6級的人致力於改良CSS,並且寫了許多很棒的文章介紹它的新用法。其中有些人將W3C關於CSS的說明檔案全部讀完了,並且知道哪些功能在哪個版本的瀏覽器才有支援。他們是CSS初學者的典範,並且運用他們的影響力使網路更加進步。其中有許多人組成了Web Standards Project,如果你在他們的網站上面發現任何錯誤,那一定是有理由的,向他們請教之後你必能獲得滿意的解答。  

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.