善用 HTML 標籤
CSSer 是 x5 這位大陸朋友最近推動的計畫,我跟 Jedi 很榮幸地收到他的邀請。 雖然如此,我倒是還沒提筆為文……(汗)。剛剛看到網站有篇「Bad tags, good use」,概念講得很好,可是內容有些謬誤之處,所以我想該寫些文字,做點更正。
CSSer 是 x5 這位大陸朋友最近推動的計畫,我跟 Jedi 很榮幸地收到他的邀請。 雖然如此,我倒是還沒提筆為文……(汗)。剛剛看到網站有篇「Bad tags, good use」,概念講得很好,可是內容有些謬誤之處,所以我想該寫些文字,做點更正。
這篇文章提到 XHTML 的表達模組 (Presentation Module),並且提到說, 雖然 W3C 規格書裡不建議使用這些標籤,並不代表不准許你使用,應該要是情況而定。
是的,不推薦,並不代表你不能使用。這點我十分同意,而且這些標籤也的確有派得上用場的時候。不過談到這些標籤,個人淺見是該要回歸你的用途,也就是說,要回歸到標籤本身的語意 (semantic) 上。如果你今天要表達的是「強調」,那麼你應該用em標籤;如果你要表達的就是「粗體文字」的話,那麼用b標籤,其實也是十分合宜的。這邊只是舉個例子,其他這類的標籤也是這樣。
接下來要講到這篇文章裡的謬誤之處。首先是商標,也就是™的部份。文章裡面提到,用sup與small來表示商標,這是不對的。你應該要使用 XHTML character entity 或 numerical reference,也就是™或 ™,請參考 XHTML Character Entity Reference 這份文件。
這篇文章也提到 Douglas Bowman 撰寫的用背景圖片取代文字 (Using Background-Image to Replace Text),並且提到可以用b標籤替代掉span標籤。他的論點是:標題(heading,像是h1, h2, …)本來就是粗體,加上b標籤根本沒影響。當然,這個論點是不對的,標題當然不必是粗體(嘿,別忘了 CSS 阿)。而且以 Douglas Bowman 這篇文章而言,根本就應該用span標籤才對,因為這就是span標籤的用途!請參考 HTML4 與 XHTML2 的規格書。
我覺得熱血很好,寫文件也十分好,可是錯誤的文件,比沒有文件更糟糕阿!慎之,慎之。希望 CSSer 會變得更好 :)