在字形图标和锚标记中包含 href

Question

我认为我有一个相当简单的问题，但我似乎找不到解决方案。我有一个字形和文本，我想将 href 提供给它。显然，我可以将 href 标签放置到锚标签上，但不能将其应用于字形...我将 post 下面的代码行。

<i class="glyphicon glyphicon-credit-card"></i><a href="http://www.google.com">Test Text</a>

Answer 1

如果你想要一个不同的link

在 HTML 中，i 标签不能有 href 属性。所以你需要把它包在锚里：

<a href="some link"><i class="glyphicon glyphicon-credit-card"></i></a>

或者如果适用，您可以使用JavaScript代替：

<i class="glyphicon glyphicon-credit-card" onclick="myFunction()"></i>

---

如果你想要同样的link

这使得字形成为同一个锚点的一部分：

<a href="http://www.google.com"><i class="glyphicon glyphicon-credit-card"></i> Test Text</a>