如何使HTML标题看起来像链接

Question

我有这行HTML，基本上可以在同一页面上打开一个弹出窗口。 这可以正常工作-但是，因为HTML使用标题，所以您单击它并不明显。 有谁知道我可以如何使标题看起来像链接？

这是一行：

<h3 class="link" onclick="displayPopup(\'' + id+ '\');">' + CLICK HERE!! + '</h3>

Answer 1

HTML是语义结构的表示。

如果定义<h3>则它是标题， 而不是链接。 如果定义<a>则它是链接， 而不是标题。

不要滥用那些！ 它可能会对SEO和可用性产生严重的负面影响。

如果要为实体设置样式，则可以使用CSS。

链接的悬停等带有下划线的文字，..：

.link { cursor: pointer; color: blue; }
.link:hover { text-decoration: underline; }

Answer 2

只是一排简单的CSS

.link { cursor:pointer; }

Answer 3

您可以将其添加到CSS中以更改指针并在文本下划线。

.link {
    cursor: pointer;
    text-decoration: underline;
}

Answer 4

给类“ link”一个悬停效果，如下所示：

h3.link:hover {
  color: #339933;
  text-decoraction: underline;
  cursor: pointer;
}

（取决于您的情况，您可能希望也可能不希望“链接”仅在h3上有效）

但是，我确实建议不要使用标题使它看起来像一个链接，而应该使用链接使它看起来更像一个标题。

我不能完全解释为什么，但是从您希望元素执行的功能来看，我认为这是在此处采取的更适当的操作。