css - 标题链接视觉提示

Question

我想知道是否有超链接标题的替代视觉提示。出于实用和风格的原因，我正在寻找下划线以外的东西。不同的颜色不起作用，因为标题与其他文本是分开的，因此提示将毫无意义。没有使航向脉冲或有一个带有标签的箭头说“点击我”，我不确定我能做什么。

Answer 1

首先，想一想为什么要链接 header 。你想让用户点击它吗？它应该执行一个 Action 吗？

这些是您需要根据您期望用户与您的网站交互的方式做出的设计决策。

例如，Stack 上的问题标题是一个链接，但它既没有下划线也没有不同的颜色。这是因为该链接并不重要 - 它并不想引起人们的注意。

如果您甚至想使用“点击我”标签或脉冲文本，您可能最好使用按钮。链接用于导航，而不是用于操作。同样，标题用于定义文本部分，而不是用于导航。

查看此 Fiddle .

This is a header - it sections off text:
<h1>Some Heading</h1>
<hr>
This is a button - it calls for action:
<button>Some Heading</button>
<hr>
This is a link - it navigates somewhere:
<a href="#">Some Heading</a>