什么是超链接,有什么作用 什么是超链接 什么叫超链接怎么用( 三 )


又如,在插入商品销售页的链接时,应当从中删除无关的引荐代码(affiliate token);如果要加入自己的引荐代码,则应当作出明确披露 。
另一方面,链接地址又应当足够具体,即尽可能精准定位到相关资源 。如果引述的内容集中于文章的某一节,那么插入的 URL 最好具体到片段(fragment) 。
例如,如果撰文讨论常见的网页标准,那么在插入相关维基词条的链接时,就可以具体到:
http://en.wikipedia.org/wiki/Web_standardsCommon_usage这样,读者在点击后就可以直接跳转到其中最相关的「Common Usage」一节 。
类似地,如果文章涉及 GitHub 代码或 YouTube 视频,也不妨利用它们为特定行号或时间戳创建链接的功能 。
前不久,谷歌还为 Chrome 浏览器开发了一个名为「链接到文本片段」(Link to Text Fragment)的插件,可以帮助用户制作出指向页面上任意文本的链接 。遗憾的是,这个插件背后的标准仍处于早期草案阶段 。在它被广泛采纳之前,更务实的做法或许还是像上文建议的那样,不怕啰嗦地向读者尽量具体描述引文的位置 。
链接外观的设计——平衡谨慎与活泼最后,超链接的质量并不只取决于文章作者;网站的设计者对此也有一份责任,那就是合理地设计超链接的外观 。
传统网页中的超链接是其貌不扬的,始终以蓝色文字加下划线的形态示人 。但在近年,给链接文本加粗、添加夸张的下划线、换用高饱和度的颜色似乎蔚然成风;超链接俨然成了很多网站彰显个性的秀场 。

什么是超链接,有什么作用 什么是超链接 什么叫超链接怎么用

文章插图
Vox 的超链接;彩色粗体的设计在链接密集时让版面不整洁且缺乏层次
然而,网页元素的外观应该与其功能相匹配 。正如前文反复强调的,超链接只能说明链接文本存在一个关联页面,而不能说明它相对于上下文更加重要 。因此,也就没有理由使其在视觉上过分突出 。此外,过度设计超链接还会进一步放大前述滥用行为的危害,让版面效果变得凌乱而没有层次 。
当然,这并不是说超链接的设计就只能是死气沉沉的 。我就曾见过不少既恰如其分、又不失新意的超链接设计 。试举两例:
一是排版设计师 Matthew Butterick 的 Butterick’s Practical Typography 网站 。这个网站实际是一本电子书,深入浅出地讲解了很多实用的排版技巧和关注点 。它的设计抛弃了「下划线 = 超链接」的传统做法,转而通过 CSS 的 :after 在每个超链接之后加上一个小红圈,同时链接文本会在鼠标悬停时被淡红底色高亮 。这样的设计既降低了侵略感,又保留了视觉提示功能,与中国传统的「圈点」批注有着微妙的相似 。
什么是超链接,有什么作用 什么是超链接 什么叫超链接怎么用

文章插图
Practical Typography 的链接设计
二是软件工程师 Jestem Króliczkiem 的个人博客 beepb00p 。作为一个技术向、长篇说明文为主的博客,它的设计亮点在于为常用的外部网站(例如 GitHub、维基百科等)的链接添加了 SVG 图标,并为跳转到文内其他段落的链接添加了上下箭头 。这些图标的加入不仅使链接对象一目了然,也给原本「素面朝天」的文本页面平添了几分趣味 。
什么是超链接,有什么作用 什么是超链接 什么叫超链接怎么用

文章插图
beepb00p 的链接设计
结语你可能已经注意到,本文在讨论各种链接用法时,一直回避使用「正确」「错误」等定性的标签,而代之以「合适」「更好」等评价 。的确,超链接的用法和设计并没有成文的标准,而更多是一种「风格」(style) 。既然是风格,就没有绝对的对错之分,而是会随着时代、技术、观念等外部因素而变,并且体现着不同写作者、设计者的个性 。
【什么是超链接,有什么作用 什么是超链接 什么叫超链接怎么用】然而,随性不等于随意 。从小处说,链接的质量体现了作者的态度,反映了文章的质量 。往大处说,互联网是由超链接织成的,它的价值也很大程度上取决于超链接的广度、深度和精度 。在筑篱修渠成为科技巨头的发展要务、互联网的开放价值备受威胁的今天,用高质量的超链接拓展信息的边界,或许就是我们作为普通用户守护互联网为数不多的方式之一 。