7.19.2010

測試 W3C 標準時常會發生的錯誤

image

我們可以透過W3C的CSS檢測器來檢測我們的樣式表是不是符合標準,
http://jigsaw.w3.org/css-validator/

最常遇到的錯誤

字型要以一個類別的字型結束
Line : 0 font-family: You are encouraged to offer a generic family as a last alternative

W3C建議字體定義的時候,不要單獨使用一個字型就結束
而要以一個類別的字型結束

例如:sans-serif在任何系統下都能保證被顯示
font-family:tahoma; 這是錯誤的
font-family:tahoma,sans-serif; 這樣才正確

不可省略的單位
margin:8; 這是錯誤的
margin:8px; 這樣才正確

選擇器名稱不可單用數字
使用數字當選擇器在 IE 瀏覽器可以正常顯,這是屬於 IE 的缺陷,因此讓很多人有錯誤的觀念,數字選擇器一定要包含英文

.1{color:#ccc} 這是錯誤的
.a_1{color:#ccc} 這樣才正確

不使用IE瀏覽器才能顯示的樣式
像彩色捲軸、濾鏡等...都只支援IE並不符合W3C標準

0 留言:

發佈留言

您使用留言則表示同意及遵守使用條款及守則

建議: 為方便留言回覆,請不要用匿名方式 留言。