链接
Link
UI 组件也叫：超链接、文字链、Hyperlink、a 标签
一句话：点击后跳转到另一个页面、页面内某个位置或外部网址的文字，通常带颜色或下划线。
详细解释
链接用来「去一个地方」：跳到站内另一个页面、页面里的某一节、外部网站，或者下载文件。在 HTML 里它就是带 href 的 <a> 标签，浏览器会自动支持右键在新标签页打开、复制链接地址、按住 Ctrl 点击等操作。
它和 按钮 的区别是：链接负责导航，按钮负责执行动作。两者样式可以互相模仿，但语义不能乱用，会跳页面的用链接，会提交数据、打开弹窗的用按钮。只有图标没有文字、点了执行动作的，属于 图标按钮。
链接常出现在正文段落、表格单元格、页脚，以及「查看全部」「忘记密码」这类辅助入口。跳到外部网站时，一般在新标签页打开，并加一个小箭头图标提示。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
表格里「订单号」一列做成链接，点击跳转到对应的订单详情页，用带 href 的 a 标签实现，不要用按钮加点击事件。链接用深灰色文字，悬停时出现下划线；外部链接在新标签页打开，文字后面加一个小的外链箭头图标。
结构与适用场景
结构描述
由一段可点击的文字组成，用颜色或下划线和普通文字区分，外部链接后面常跟一个小箭头图标。
适用场景
- 点击后跳转到站内另一个页面，比如从列表进入详情
- 正文段落里引用其他文章、文档或外部网站
- 「忘记密码」「查看全部」「用户协议」这类不需要抢眼的辅助入口
不适用场景
- 点击后会提交、删除、保存数据时，应该用按钮
- 点击后只是打开对话框或抽屉、不改变页面地址时
- 页面上最重要的主操作，需要醒目的按钮样式引导点击时
常见坏用法
- 用按钮加点击事件做页面跳转，用户没法右键在新标签页打开或复制链接
- 用 a 标签却不写 href，只挂点击事件，键盘无法聚焦
- 链接和普通文字颜色一样又没有下划线，用户看不出哪里能点
识别特征
- 和周围正文颜色不同的文字，有时带下划线
- 鼠标悬停时出现下划线或颜色变深，光标变成手形
- 没有按钮那样的背景色和边框
DOM 线索
插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。
a[href]:not([role="button"]):not(.btn):not(.ant-btn):not([class*="Button-root"])[role="link"]a.ant-typography.el-link[class*="MuiLink-root"].arco-link.t-link.n-a