标题链接视觉提示

Question

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

Answer 1

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

根据您希望用户与您网站互动的方式，您需要做出以下设计决策。

例如，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>