善用 HTML 標籤

CSSerx5這位大陸朋友最近推動的計畫,我跟Jedi很榮幸地收到他的邀請。 雖然如此,我倒是還沒提筆為文……(汗)。剛剛看到網站有篇「Bad tags, good use」,概念講得很好,可是內容有些謬誤之處,所以我想該寫些文字,做點更正。

這篇文章提到XHTML的表達模組(Presentation Module),並且提到說, 雖然W3C規格書裡不建議使用這些標籤,並不代表不准許你使用,應該要是情況而定。

是的,不推薦,並不代表你不能使用。這點我十分同意,而且這些標籤也的確有派得上用場的時候。不過談到這些標籤,個人淺見是該要回歸你的用途,也就是說,要回歸到標籤本身的語意(semantic)上。如果你今天要表達的是「強調」,那麼你應該用em標籤;如果你要表達的就是「粗體文字」的話,那麼用b標籤,其實也是十分合宜的。這邊只是舉個例子,其他這類的標籤也是這樣。

接下來要講到這篇文章裡的謬誤之處。首先是商標,也就是™的部份。文章裡面提到,用supsmall來表示商標,這是不對的。你應該要使用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標籤的用途!請參考HTML4XHTML2的規格書。

我覺得熱血很好,寫文件也十分好,可是錯誤的文件,比沒有文件更糟糕阿!慎之,慎之。希望CSSer會變得更好 :)

7 comments ↓

#1 -TMA-1- » Blog Archive » links for 2006-03-12 on 03.12.06 at 4:23 pm

[...] 善用 HTML 標籤 (tags: Tech WebDesign W3C HTML XHTML) [...]

#2 HEMiDEMi on 03.13.06 at 1:55 pm

HEMiDEMi - 共享書籤

hlb’s weblog » 善用 HTML 標籤

#3 錯過的第二種可能 » Blog Archive » [網摘]2006.03.13 on 03.13.06 at 4:42 pm

[...] 善用 HTML 標籤 [...]

#4 CSSer » Blog Archive » Bad tags, good use on 03.14.06 at 11:31 am

[...] 在一些特殊场合,它们都可以用的上的,比如现在流行的Beta,看看这个例子“我的网站Beta”效果如何呢?商标TM联合使用sup和small效果就很不错(更新:这是一个十分恶劣的例子,受到了hlb的严厉批评,我意在演示这种效果,其实使用商标还是使用转义的™最好。)再如,使用hr可以让页面的结构在没有CSS支援的情况下表现得更清晰。当然,你可以说,我都可以通过CSS来实现,没错,如果你适当使用它们,再用CSS加以修饰,你就可以锦上添花,何乐不为? [...]

#5 -TMA-1- » Blog Archive » links for 2006-03-13 on 03.14.06 at 10:50 pm

[...] 善用 HTML 標籤 (tags: Tech WebDesign W3C HTML XHTML) [...]

#6 吳怡萱 on 08.24.06 at 12:46 pm

妳好!我想要用標籤 可以幫幫我嗎?

#7 hlb on 08.24.06 at 1:51 pm

怎麼幫阿 O_O

Leave a Comment