链接操作

它把用户带到另一个页面、文件或位置,通常用文字表达要去的目标。

  • 点一段字就跳到别处
  • 蓝色带下划线能打开页面的字
  • 按了会去另一个地址的文字
  • 文字链接
  • 超链接
  • 跳转链接

示例

Weblink原生支持几个状态同时在场,才比得出差别
  • (无)

    默认

    带下划线,颜色与正文不同

  • :hover

    鼠标悬停仅指针

    颜色变浅,下划线加粗

  • :visited

    访问过

    偏紫,浏览器几十年的老约定

  • :focus-visible

    键盘选中仅键盘

    外面套一圈光环

  • :active

    点下的那一刻

    颜色变深

带「仅指针」的状态需要鼠标或触控板:触屏设备上没有悬停这一说,直接就是按下。

带「仅键盘」的状态通常要用 Tab 键走到才出现,鼠标点击一般不显示。

Web / iOS / Android 对照

使用规范

什么时候用

  • 导航到新页面、外部网址、文件或同页的另一个位置

什么时候别用

  • 执行保存、删除等当前页面操作时不要使用链接外观

容易混淆

给 AI 的提示词

这条词条还没有经过验证的实现提示词。