组件 • 链接
链接
具有导航功能的可点击元素。点击时,将用户带到外部或内部服务的另一个页面。较少情况下,将用户导航到页面的不同部分。
有三种类型:普通(强调色)、主要(黑色)和次要(灰色)。
普通
是最常见和众所周知的用户模式。用于在文本、表格中视觉上区分元素,并作为导航的一部分。也用于错误页面和空状态。
主要
当用户明显知道元素是交互式的,但强调色链接会在视觉上使界面过载并破坏页面元素平衡时使用。
次要
与主要链接类似,当用户明显知道元素是交互式的,且目标是不分散用户对页面强调元素的注意力时使用此类型。通常用于面包屑导航或显示次要属性时。
§状态
链接始终有两种状态:默认和悬停。
如果需要,可以启用已访问链接的标记。
§可用作:
- 独立元素
- 文本的一部分
可以包含图标以指示外部链接
§尺寸
链接使用的字体应与周围文本成比例,并与页面的整体层次结构保持一致。
§建议
链接文本即使在没有其余文本的情况下使用时也应该是不言自明的,并告诉用户链接指向何处(服务名称、标题或部分描述)