關於W3C:
W3C是一個致力於網頁標準化的組織,W3C這個組織負責制定各種網業相關的東西,例如標準的CSS4以及XHTML都是由W3C制定的,為甚麼要制定這些呢?其實原因很簡單,不知道大家有沒有想過網頁是要在不同瀏覽器上顯示的,如果每間瀏覽器所要使用的語法都不同那網頁設計師啟不是很累?但是要讓所有的瀏覽器廠商都再一起至定一個標準又也些問題,我想最主要是因為大家都在競爭吧,就因為這樣而出現了W3C這個組織,由公正的第三方來制定,而各家瀏覽器廠商(如IE.Opera.Firefox)則必須要遵守這些基本的語法,當然如果各家瀏覽器要自己增加一些語法也不是不行,話說回來也不是所有瀏覽器都遵守W3C的規範,像IE這種大牌的就不遵守,所以很多網頁設計師都對IE又愛又恨(愛是因為很多人都用IE,恨是因為IE很不守規則) 講到這裡我想大家都對W3C這個組織有一定了解了吧,以下我要敎各位如何檢查網頁是否符合標準
CSS標準:
檢驗網站是否符合標準有甚麼好處呢?以下列出一個表給各位大家就會知道嚕~
- 減少顯示上的錯誤
- 瀏覽速度加快
- 拿到一張可愛的貼紙XD
其中最重要的要屬第一項了,拿到一張貼紙到沒甚麼！話說要怎麼檢驗網站的ｃｓｓ是否符合標準呢？這部份Ｗ３Ｃ就有幫我們想好了～～～
網站網址： http://jigsaw.w3.org/css-validator/
直接檢查網頁
這個方法是我認為最快的,你只要把網址丟給他就行了,不向其他方法要上傳CSS檔,建議初學網頁設計的人用這個方法,另外在本文中我也只會講這種檢查方法,其他種方法大家自己可以去試看看,不懂的話留言問我
1.請先連線到css-validator的網站,然後在Address那欄輸入要檢查網站的網址
2.點一下More Options,然後再Profile那裡選擇你所要檢驗的CSS版本,像本站是CSS level 3
3.全部都設定完以後按一下Check他就會開始檢查開網頁中的CSS檔是否符合標準
稍微等他一下會出現一個新頁面,在這個頁面中他會告訴你明顯的錯誤以及可能的錯誤(Warnings),由於網頁是英文的我就附上一份翻譯吧~~
Sorry! We found the following errors (4) – 括號內就是錯誤的數量
Warnings (107) – 這項是指可能的錯誤,我也不知道怎麼解釋,不過直接翻中文就叫做警告
主要的翻譯大概就是這樣了
↑↑↑看不懂報告的話可以參考Google翻譯器的結果
另外你的網站如果合格的話他也會告訴你,不過我可能沒辦法捷到合格的圖@@ 因為我自己的網站就沒合格了,但我想合格的話你至少不會出現跟我一樣的畫面XD
如果你的錯誤很多也沒太傷心啦！！
畢竟連Google這種網站都有一個錯誤,而奇摩的網站則有3項錯誤,只要你的錯誤別太多就好了,當然完全沒錯誤是最好的,因為可以拿到一張貼紙^^
