第十七天:定义头字语

我上个月曾经在我自己的网志上用了 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> 才行。