第十四天:在链结上加入标题

既然网页上充斥着链结,你可能会因此觉得有很多人都知道 title 属性;不过我真的很少看到它。很多人可能不知道,所有的链结都可以在 <a> 标签里用 title 属性来指定一个标题。这个标题会额外附加到任何你指定的链结文字上;它可以在视觉性浏览器上产生工具提示,而且在非视觉性的浏览器上也一样会有类似的效果。

并非所有的链结都该有标题。如果链结文字是某一篇文章的标题,就请不要加上标题;因为链结文字本身应该就足够清楚了。但是如果你阅读链结文字本身时,发现自己在状况外而不知道它会指往何处的话,就加上标题吧。

谁因此获益?

  1. Jackie 从中获益了。因为 JAWS 提供了一个选项,可以跟着链结文字读出链结标题。(这个选项预设并不会被选取。为了要启用这个功能, Jackie 按下了 INSERT+V 叫出 JAWS 的冗长选项视窗,然后把 "Text links verbosity" 改成 "Alt tag or title" 。)
  2. Michael 从中获益了。因为当她把游标移到某个叫 Opera 的链结上时,链结的标题会显示在状态列上,同时也以工具提示的样子显示出来。这让他得以决定是否要把频宽花在这个链结上。
  3. Lillian 从中获益了。因为当她在 Internet Explorer 里把游标移到链结上时,链结标题就以工具提示的样子显示出来了。
  4. Marcus 从中获益了。因为当他按下了“ l ”之后, Lynx 就会显示出那一页的链结清单;这份清单同时包含了每个链结的标题(如果有的话)。

怎么做

每一个链结文字本身并不一定能提供足够的资讯,来让读者决定是否要按下那个链结。这个时候你应该加入一个 title 属性,像这样:

  1. 在我的导览列上,有一个连到我的统计页面的链结。这个链结的链结文字就祇是 Statistics 而已,但是 title 属性却可以提供更多资讯:

    <a title="referrers and other visitor statistics" href="/stats/">Statistics</a>

  2. 在我的导览列上,有一个连到我的书 Dive Into Python 的链结,看起来就像这样:

    <a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a>

  3. 当我用句子里的某个词连结到某一篇文章时,我会试着用 title 属性来提供更多关于这个链结的资讯,像是那篇文章的标题或引述之类的。再举个例子,昨天的诀窍里就包含这个句子:

    为什么这会是个问题呢?因为<a title="TheCounter.com statistics on Javascript usage in browsers, April 2002" href="http://www.thecounter.com/stats/2002/April/javas.php">有 11% 的网际网路使用者因为某些原因而不使用 Javascript</a> ;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支援。

    在浏览器里看起来会像这样:

    为什么这会是个问题呢?因为有 11% 的网际网路使用者因为某些原因而不使用 Javascript;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支援。

切勿滥用 title 属性。凡事皆适可而止。

延伸阅读