html - 网页上的可点击/可悬停元素

Question

当用户点击(或将鼠标移到)我的表格的列标题时，我将使用 JavaScript 弹出该列中数据的较长描述。

但是，为了吸引用户将鼠标移到(或单击)列标题上，我需要使它们“看起来可以单击”。我想我在使用实际上没有链接到任何地方的 HTML 链接之前已经看到了这一点，比如

<a href="#">Age</a>

从语义标记的 Angular 来看，这似乎是一种糟糕的方法，因为该元素实际上并不是一个链接，我只是想让它看起来像一个链接，以便用户知道当他们点击时会发生什么

有没有更好的方法？

谢谢，唐

Answer 1

一种选择是使用 CSS“光标”属性使光标变成通常用于链接的“手”指针:

.myHeaderClass{
    cursor: pointer;
}

如果您的页面对链接应用了特殊的样式(例如不同的颜色)，您当然也可以对这些标题执行相同的样式。