善用 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 會變得更好 :)
Related
推薦閱讀
WaSP 網站最近重新設計,後端平台也改用 WordPress。如果你對設計過程感興趣的話,一定要看看這篇“Designing for: The Web Standards Project”。我注意到他們新版的任務聲明沒有中文版本,所以正跟 jjgod 著手進行翻譯工作。目前差不多完成了,希望很快就能讓大家看到。
剛剛有朋友來信提醒,我才發現自己居然忘記寫篇文章,告訴大家 W3C 辭典翻譯計畫的新進度,真是不好意思。
如果您是 DreamHost 的用戶,想麻煩您幫個忙,建議 DreamHost 安裝 Trac 這套好用的專案開發/追蹤工具。方式如下: