链接
Link也常被叫作：跳转超链接那个点一下跳走的
「我想让用户点一下就去另一个页面。」
链接 Link
把用户带到另一个位置或页面的可点击文字，和按钮的职责正好相反。
链接去地方，按钮做事。这是界面里最基本、也最常被做反的一对。判断方法简单到一句话：这个东西应不应该能「在新标签页打开」？ 应该，就是链接；在新标签页打开毫无意义（比如「删除」），就只能是按钮。
做反了会出真问题。把「删除」做成链接，用户在新标签页里点开它，回来发现数据没了——他们根本没有「这是我刚才亲手删的」的意识。把「查看详情」做成按钮，读屏软件会把它念成「按钮」，用户以为点了会发生什么动作，其实只是换页。
另外两个实用细节：链接文字要有信息（「点击这里」是最差文案，因为用户扫读时只能看到「点击这里」四个字，不知道去哪）；外链要让人有预期（跳去别的网站时标明一下，比突然把人带离你的站更诚实）。
长什么样 真实可交互，不是截图
「查看详情」是链接（去另一个页面），「知道了」是按钮（在当前页做个动作）。虽然都长得像方块，职责完全不同。
拆开看，里面有这几块
-
1
链接文字 Label
要能独立说明去哪。「点击这里」是最差的链接文案。
-
2
目标地址 Href
跳去哪。对用户来说，链接文字和地址应该是同一件事的两种说法。
-
3
状态 States
访问过、悬停、聚焦。访问过变色能帮用户认路，别为了「好看」砍掉。
常见的有哪几种
跳到自己站里的页面，用户预期留在你这里。
用在：导航、文章引用、相关推荐
跳到别的网站。给个预期（小箭头或文字说明），突然被带离体验很差。
用在：引用资料、友链
跳到当前页面的某个位置。页面很长时用它做目录。
用在：长文档、帮助页
长得像链接但不是链接（没有地址）。用户点了没反应，右键想新开也没有。
用在：永远不要用。该用按钮就老实做成按钮
容易搞混？这样区分
导航是一组链接的组织方式（页头菜单、侧栏）；链接是单个元素。判断方法：导航回答「这个站里有什么」，单个链接回答「这里通向哪」。
什么时候用得上
用有信息的文字做链接：「看官方文档的部署章节」，而不是「点击这里」。
把「去 XX 页」做成链接，把「保存/删除」做成按钮。混在一起用户会犹豫。
标一下外链，让用户知道会离开。这既是礼貌，也是信任。
你可以这样跟 AI 说
直接复制下面这段，把【】里的换成你的情况。它比一句「帮我加个 X」多说清楚了：改哪里、不许动啥、做完交什么。
【任务】检查 [某个页面]，把职责做反的链接和按钮纠正过来 【判断规则】 - 能在新标签页打开、点完只是换地方 = 链接 - 点完在当前页发生动作（保存、删除、提交、展开）= 按钮 【具体要求】 1. 所有「点击这里」「此处」「链接」这类无信息文案，改成能独立说明去向的文字 2. 执行删除、提交这类动作的元素，全部改用真正的按钮元素 3. 站外链接加明显标识 【边界】不要改配色和布局；不要动链接的跳转目标本身 【交付】列一个改动清单：每个元素原来是什么、现在改成什么、为什么。我要能逐条看懂。
要求它交「改动清单」而不是直接改，是因为这类纠正最怕它顺手把布局也「顺手优化」了。先看清单，再让它动手。
它说「做好了」，你怎么自己验
这是本站的重头戏。AI 最会的不是写代码，是说「已完成」。这一条，它通常最多做到「主路径」这层：真实用户的正常操作能走通，不靠特殊参数。
要亲眼看到这些，才算数
- 右键每个链接，看有没有「在新标签页打开」。没有这一项的「链接」多半是假链接。
- 逐个读链接文字：去掉上下文，还知道它去哪吗？
- 把「删除」「提交」类元素在新标签页打开——如果这样也能触发删除，那它做错了。
- 用键盘 Tab 走一遍，每个链接聚焦有轮廓、回车能跳。
它常这么糊弄你
- 「链接都改好了」——但某些元素只是长得像链接，点右键没有新开选项。
- 把按钮也顺手换成了链接样式，或者反过来。要的是职责对，不是长得像。
- 「点击这里」被保留，理由是「用户看得懂上下文」。扫读的用户只看得到那四个字。
- 外链没标识，把用户突然带离站点。
链接能验到「主路径」层：你亲手点一遍、右键一遍，不需要看代码。
考考你 选一个你觉得对的
操作区里有一个「删除全部草稿」的元素。它应该是什么？
删除是在当前页执行动作，且新标签页打开没有意义——这是按钮的典型场景。B 把「换页」当成了删除的一部分，绕远了；C 把职责问题降格成了风格问题；D 会让读屏用户根本找不到它。