切换·Esc 返回

链接Link

按钮与基础样式
点击后前往另一个页面或位置

链接把用户带到另一个页面、页面内的位置或下载资源。文字要能看出可以点击,并为键盘操作保留清楚的聚焦状态;保存、提交等动作应交给按钮 Button

把提示词写好的三个习惯

上手之前,建议先翻一遍组件图鉴,遇到不认识的术语随时查官方文档 ↗,再回到本教程继续。

阅读全文 →

什么时候用

  • 页面之间跳转:去详情页、去设置页
    已有账号?直接登录,查看使用文档了解更多。
  • 正文里引用资料:协议、文档,不打断阅读节奏
    我已阅读并同意《用户协议》
  • 次级入口:列表末尾的“查看详情 →”
    查看详情 →
  • 跳到外部网站:加 ↗ 告诉别人会离开本站
    部署遇到问题?去看官方文档 ↗,回来接着操作。

什么时候不用

  • 执行动作(提交、删除、保存)→ 用 按钮 Button
    you@example.com••••••••
    登录注册
  • 整段文字都做成链接,点击目标糊成一片
    本周我们上线了三个新功能,包括全新的数据看板、支持自定义筛选的报表系统,以及重新设计的成员权限管理页面
  • 文案只写“点击这里”,不说点了去哪
    想了解定价方案,点击这里;想看客户案例,点击这里
  • 做成和普通文字一样,没人发现它能点
    新版本已发布,更新日志里列出了全部改动。“更新日志”其实能点,但没人看得出来
组成结构 · Anatomy
1链接本体Link整段可点击区域,要通过文字样式、悬停和焦点状态让人看得出可以打开
2链接文字Anchor Text说清楚点了去哪,别写“点击这里”
3外部图标External Icon可选,↗ 表示会离开本站
常见变体 · Variants
内联链接Inline
详情见帮助文档
正文中间跳资料,不打断阅读
独立链接Standalone
单独一行做次级入口,如查看全部
外部链接External
会跳到站外时用它,记得带 ↗
弱链接Subtle
收起、换一批这类不重要的跳转
典型使用场景
文章正文引用
把提示词写好的三个习惯
上手之前,建议先翻一遍组件图鉴,遇到不认识的术语随时查官方文档 ↗,再回到本教程继续,边学边练效果最好。
阅读全文 →
“查看详情”入口
官网改版设计稿
林小hu 更新于 2 小时前
查看详情 →
支付流程走查报告
陈小机 更新于昨天
查看详情 →
新手引导埋点方案
林小hu 更新于 3 天前
查看详情 →
登录 / 注册互跳
登录账号
忘记密码 还没有账号?立即注册
外部文档跳转
部署失败:构建超时
第 3 步「安装依赖」超过 10 分钟被中断。建议按构建优化指南 ↗开启缓存,或去官方社区 ↗发帖求助。