跳到正文

链接

Link

初级通用

链接(Link)是让用户从当前位置前往另一个页面、文件或当前页面某处的可点击入口。它解决的是“怎样到达目标内容”的问题,比如在订单页点击订单编号,打开对应的详情页。

你可能会说:「我想让用户点订单编号就能打开对应的详情页,而不是在当前页面弹出内容。」

动手看看

我的订单查看购买记录和订单进度
订单 MS2025061808
已完成
慢思年度会员实付 ¥198.00 · 2025年6月18日
编号是入口,不是普通文本
返回订单列表
订单详情MS2025061808
慢思年度会员已完成 · 实付 ¥198.00
查看本页退款说明
退款说明位于此详情页下方
返回订单列表
订单详情 / 退款说明同一详情页,视口已定位到下方章节
退款说明购买后 7 天内,未使用会员权益可申请退款。退款原路退回,预计 3~5 个工作日到账。
所属订单:MS2025061808
模拟链接到达的位置
显示链接下划线

悬停、按住链接,或用 Tab 聚焦,观察反馈。这里点击只演示按下态;切换“到达的位置”,模拟打开详情、页内定位和返回列表。

订单编号既标识订单,也是通往这笔订单详情的入口。链接文字直接说出目标,比笼统的“点击这里”更好判断。

要点

  1. 1

    文字说清要去哪里

    你在后台放一个“查看订单详情”,用户就能预判点击后的去向;只写“点这里”,离开上下文就很难理解。链接文字也会被单独读取或列出,所以目标越明确越好。

  2. 2

    目标地址决定去向

    链接通常有一个目标地址,可以指向站内页面、站外网站、文件,也可以指向当前页面的某个位置。比如帮助中心目录里的“退款说明”,点下去可以直接到对应章节。

  3. 3

    外观之外还有交互

    链接不只是蓝色文字。你可能把整张卡片做成链接,或者让它看起来像按钮;判断时看它做的事:用户能否通过它前往一个目标。实现时也要让键盘用户能找到并打开它。

容易混淆的地方

链接和按钮最容易混淆:链接带你去某个目标,按钮则在当前流程里执行动作。比如“查看发票”打开文件适合用链接,“生成发票”触发处理适合用按钮。锚点是链接的一种目标形式:它把用户带到同一页面的指定位置,而不是另起一种控件。

什么时候用

适合用

  • 在商品列表中,让商品名称通往各自的详情页,方便用户继续了解。
  • 在 AI 工具的回答旁提供“查看引用来源”,让用户打开原始资料核对内容。
  • 在长篇帮助文档顶部放章节链接,让用户直接跳到所需段落。

不适合用

  • 用户点击“保存设置”是要提交当前表单,用按钮承接这个动作。
  • 用户点击“展开更多筛选”只是显示当前页隐藏的选项,用按钮控制展开状态。
  • 用户需要在多个筛选条件中选一个,并不需要前往别处,用单选框等选择控件。

练一练

你在做订单后台:订单号要打开详情页,“取消订单”要先弹出确认框。怎样选择控件?

让 AI 帮你做

请检查订单列表中的订单号和操作项:把前往订单详情页的订单号实现为链接,目标指向对应订单的详情地址,文字保持可辨认;把取消订单等触发操作的入口保留为按钮。请说明你如何验证键盘能访问这些链接。

接下来学什么