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

Question

我有这行HTML，它基本上在同一页面上打开一个弹出窗口。这很好 - 但是，因为HTML使用标题，所以很明显你可以点击它。有谁知道我怎么能让标题看起来像一个链接？

以下是该行：

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

Answer 1

HTML是语义结构的表示。

如果您定义<h3> IS 标题，不链接。 如果您定义<a> IS 一个链接，不一个标题。

不要滥用这些！ 它可能对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

给类“链接”一个像这样的悬停效果：

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

（您可能希望也可能不希望“链接”仅适用于h3，这取决于您的情况）

但是，我建议不要使用标题并使其看起来像链接，而是可以使用链接并使其看起来更像标题。

我无法解释为什么，但我觉得这是更合适的行动，从你希望元素执行的功能来判断。