第十三天:使用真实链结

网页设计的苦难根源乃是「 javascript: 」链结;这个假链结会在你按下的时候执行一段 Javascript 程序码。这个问题最常发生于网志用这种链结来在另一个窗口里显示回响。为什么这会是个问题呢?因为 有 11% 的网际网络使用者因为某些原因而不使用 Javascript ;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支持。这种假链结对她们来说不能用,你应当改用真实的链结。

虽然这个问题很容易描述及修改,但是无论我多么强调这个诀窍的重要性也都不为过。多数问题,像是不提供跳过导览列的「跳过链结」都祇不过会在某种程度上减低可用性罢了,但至少你的页面还能够被读取。但是现在我们所遇到的这个问题,却会让重要的内容几乎完全无法被取得。如果你的回响被藏在某个「 javascript: 」链结之后,就几乎不存在了

谁因此获益?

  1. Marcus 从中获益了。因为 Lynx 并不支持 Javascript 。
  2. Michael 从中获益了。因为 Links 并不支持 Javascript 。
  3. Lillian 从中获益了。虽然她用的是 Internet Explorer ,但是信息部门祇允许某些获准的站台使用 Javascript ,而把其它站台的 Javascript 给挡掉了;很不幸地,你的站台并不在这些获准的站台中。
  4. Google 从中获益了。因为 Google 会跟著链结来寻找更多内容并加以建立索引,但是它却无法使用「 javascript: 」链结;因为当它索引网页时并不会执行任何 Javascript 程序码。

怎么做

现在 Movable Type 和 Radio 的预设模版都把这个部分处理好了,所以你无须再做任何处理。检视你的首页并搜寻「 javascript: 」;如果你完全找不到,那么你也就用不到今天的诀窍了。

然而,如果你的 Movable Type 模版包含有像这样的链结:

<a href="javascript:OpenComments(<$MTEntryID$>)">Comments (<$MTEntryCommentCount$>)</a>

就请把它改成这样:

<a href="<$MTCGIPath$>mt-comments.cgi?entry_id=<$MTEntryID$>" onclick="OpenComments(<$MTEntryID$>); return false">Comments (<$MTEntryCommentCount$>)</a>

在支持 Javascript 的浏览器里,原来的链结仍会具有相同的作用;因为 onclick 属性会优先于 href 属性。所以在新版里,仍然会叫用 OpenComments 函式,然后弹出新窗口。然而在不支持 Javascript 的浏览器(还有 Google )里,就会完全忽略 onclick 属性,而祇从 href 属性来连结,而用同一个窗口来显示评论。

如果你因为其它原因而用了 javascript: 假链结的话,停。停下来。别继续下去,别继续领四千元,或之类的。在你的源码里套用上述的技巧,让不支持 Javasript 的浏览器至少还有机会能够使用真实链结。

延伸阅读

附注

甚至别开始用那些用 Javascript 做出来的动态选单系统。他们确实让画面看起来很酷,不过抽烟也一样。用真实链结吧。