第十三天:使用真实链结
网页设计的苦难根源乃是「 javascript:
」链结;这个假链结会在你按下的时候执行一段 Javascript 程序码。这个问题最常发生于网志用这种链结来在另一个窗口里显示回响。为什么这会是个问题呢?因为 有 11% 的网际网络使用者因为某些原因而不使用 Javascript ;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支持。这种假链结对她们来说不能用,你应当改用真实的链结。
虽然这个问题很容易描述及修改,但是无论我多么强调这个诀窍的重要性也都不为过。多数问题,像是不提供跳过导览列的「跳过链结」都祇不过会在某种程度上减低可用性罢了,但至少你的页面还能够被读取。但是现在我们所遇到的这个问题,却会让重要的内容几乎完全无法被取得。如果你的回响被藏在某个「 javascript:
」链结之后,就几乎不存在了。
谁因此获益?
- Marcus 从中获益了。因为 Lynx 并不支持 Javascript 。
- Michael 从中获益了。因为 Links 并不支持 Javascript 。
- Lillian 从中获益了。虽然她用的是 Internet Explorer ,但是信息部门祇允许某些获准的站台使用 Javascript ,而把其它站台的 Javascript 给挡掉了;很不幸地,你的站台并不在这些获准的站台中。
- 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 的浏览器至少还有机会能够使用真实链结。
延伸阅读
- Jeff Howden: Links & JavaScript Living Together in Harmony.
附注
甚至别开始用那些用 Javascript 做出来的动态选单系统。他们确实让画面看起来很酷,不过抽烟也一样。用真实链结吧。