链接操作
它把用户带到另一个页面、文件或位置,通常用文字表达要去的目标。
- 点一段字就跳到别处
- 蓝色带下划线能打开页面的字
- 按了会去另一个地址的文字
- 文字链接
- 超链接
- 跳转链接
示例
(无)
默认
带下划线,颜色与正文不同
:hover
鼠标悬停仅指针
颜色变浅,下划线加粗
:visited
访问过
偏紫,浏览器几十年的老约定
:focus-visible
键盘选中仅键盘
外面套一圈光环
:active
点下的那一刻
颜色变深
带「仅指针」的状态需要鼠标或触控板:触屏设备上没有悬停这一说,直接就是按下。
带「仅键盘」的状态通常要用 Tab 键走到才出现,鼠标点击一般不显示。
Web / iOS / Android 对照
Web原生支持
桌面与移动端现代浏览器
Link
也叫 Hyperlink
<a href="…">
iOS原生支持
iOS / iPadOS
Link
SwiftUI: Link|UIKit: openURL
Android原生支持
Android 手机 / 平板
Link
Compose: LinkAnnotation
使用规范
什么时候用
- 导航到新页面、外部网址、文件或同页的另一个位置
什么时候别用
- 执行保存、删除等当前页面操作时不要使用链接外观
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。