← 返回 Web 词条Weblink原生支持几个状态同时在场,才比得出差别
链接
在 Web 上叫Link
<a href="…">
它把用户带到另一个页面、文件或位置,通常用文字表达要去的目标。
- 点一段字就跳到别处
- 蓝色带下划线能打开页面的字
- 按了会去另一个地址的文字
- 文字链接
- 超链接
- 跳转链接
示例
(无)
默认
带下划线,颜色与正文不同
:hover
鼠标悬停仅指针
颜色变浅,下划线加粗
:visited
访问过
偏紫,浏览器几十年的老约定
:focus-visible
键盘选中仅键盘
外面套一圈光环
:active
点下的那一刻
颜色变深
带「仅指针」的状态需要鼠标或触控板:触屏设备上没有悬停这一说,直接就是按下。
带「仅键盘」的状态通常要用 Tab 键走到才出现,鼠标点击一般不显示。
其他平台的相似实现
iOS原生支持
Link同名看 iOS 视角 →Android原生支持
Link同名看 Android 视角 →使用规范
什么时候用
- 导航到新页面、外部网址、文件或同页的另一个位置
什么时候别用
- 执行保存、删除等当前页面操作时不要使用链接外观