第十七天:定義頭字語

我上個月曾經在我自己的網誌上用了 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 之類的則無傷。

妳應該在任何使用頭字語的時候都加以定義,或在每一篇裡面至少定義過一次。

誰因此獲益?

  1. Michael 從中獲益了。因為當 Michael 把游標滑過頭字語的時候, Opera 就會用工具提示的方式顯示頭字語標題。
  2. Bill 從中獲益了。因為 Mozilla 甚至會自動在頭字語底下加上點狀底線;當 Bill 把游標滑過頭字語時, Mozilla 還會把游標變成游標 + 問號的形狀,並且以工具提示的方式顯示頭字語標題。(妳可以用樣式表來覆寫掉這個預設的作用,或者用 CSS 來讓其他瀏覽器也有相似的效果)。
  3. Google 從中獲益了。因為 Google 不但會用頭字語本身做索引,也會用頭字語標題來做索引,所以人們就算用完整的拼寫當關鍵字也可以找到妳的頁面。
  4. 我希望我也能說 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> 纔行。