第十七天:定義頭字語
我上個月曾經在我自己的網誌上用了 50 個頭字語: ADA, ALT, AOL, API, CGI, CMS, CSS, CTRL, DMV, DNS, DTD, EFF, FAQ, FSF, GFDL, GIA, GPL, HTML, IE, IIRC, IIS, IO, KB, KDE, LONGDESC, MB, MSDN, MSN, MT, Mac, NC, OPML, P2P, PGDN, PGUP, PBS, PDF, PONUR, RSS, RU, SOAP, SSN, TDD, US, VNC, W3C, WCAG, WYSIWYG, Win, XHTML, 和 XML.
如果這 50 個頭字語妳都懂,那實在是可喜可賀;妳顯然是技術編輯的大好人才。否則妳就會感激我實際上用了 <acronym>
標籤把他們逐項加以定義了。把妳的游標移到每一個頭字語上,看看他們各代表些甚麼意思。在現今的瀏覽器上這都有效,而對於 Netscape 4 之類的則無傷。
妳應該在任何使用頭字語的時候都加以定義,或在每一篇裡面至少定義過一次。
誰因此獲益?
- Michael 從中獲益了。因為當 Michael 把游標滑過頭字語的時候, Opera 就會用工具提示的方式顯示頭字語標題。
- Bill 從中獲益了。因為 Mozilla 甚至會自動在頭字語底下加上點狀底線;當 Bill 把游標滑過頭字語時, Mozilla 還會把游標變成游標 + 問號的形狀,並且以工具提示的方式顯示頭字語標題。(妳可以用樣式表來覆寫掉這個預設的作用,或者用 CSS 來讓其他瀏覽器也有相似的效果)。
- Google 從中獲益了。因為 Google 不但會用頭字語本身做索引,也會用頭字語標題來做索引,所以人們就算用完整的拼寫當關鍵字也可以找到妳的頁面。
- 我希望我也能說 Jackie 從中獲益了,可惜並沒有。因為不論 JAWS 或其他任何目前市面上的螢幕朗讀軟體都不會唸出頭文字標題。我希望有朝一日他們將能夠有這個功能,那麼妳就搶先了一步。
怎麼做
當妳第一次使用頭文字的時候,用一個 <acronym>
標籤加以標記,像這樣:
<acronym title="cascading style sheets">CSS</acronym>
Radio 的使用者可以用快速鍵自動地加以標記。從妳的 Radio 主頁裡,在主導覽選單中點選「 Shortcuts 」然後定義妳常用的頭文字。舉例來說:
Name: CSS
Value: <acronym title="cascading style sheets">CSS</acronym>
(Be sure to change the input type from "WYSIWYG" to "Source" so you can type the HTML directly.)
然後在妳的文章裡,祇需要鍵入 "CSS" (包含引號),那麼 Radio 就會自動地按照妳所定義的內容加上頭文字標籤。
怎麼做:樣式表
妳還可以用樣式表來更換所有頭字語看起來的樣子。不單單是 Radio ,這對所有的工具都有效。以下是我在所有的瀏覽器(而不單單祇是 Mozilla )中產生點狀底線的規則:
acronym { border-bottom: 1px dotted black; }
這麼做還有額外的好處;我用了下面這個規則,所以當列印我的網頁時,會自動地把頭文字展開成全稱。(其實祇有從 Mozilla 和 Opera 列印時纔有效,不過對於其他瀏覽器來說是無害的)。
acronym:after { content: " (" attr(title) ")"; }
延伸閱讀
妳可曾用過某些頭文字,卻不知道他們到底是甚麼嗎?現在找出來吧。
附註
有許多熱衷標記語言的大師會指出說還有一個用於縮寫字的 <abbr>
標籤;很不幸地, Windows 上沒有任何版本的 Internet Explorer 支援這個標籤,所以他們不會為此顯示出工具提示。這時妳還是得用 <acronym>
纔行。