如何在文本属性中使用href？

Question

我正在使用text属性在我的网站上显示文本。 点击后，如何使文字重定向到网站？

这是我目前拥有的，

<div class="text abc" data-text="abc">
    abc
</div>

我尝试了以下

  <div class="text abc" data-text="<b href='https://www.google.com'>abc</b>">
    abc
  </div>

但是，这也只会将“ href”转换为文本，它实际上不会执行应做的事情。 （将我重定向到Google）

Answer 1

您应该使用锚点，这是建立链接的常用方法

<a href='https://www.google.com'>Website</a>

如果您不想使用an并且没有该蓝色链接，则需要使用javascript并在div上放置一个事件，例如

$('#myDivId').on('clik',function(){
//redirect with window location
}

Answer 2

您需要使用锚元素。

  <div class="text abc">
    <a href='https://www.google.com'>abc</a>
  </div>

MDN: The Anchor element

Answer 3

尝试使用定位标记<a/>：

<div class="text abc" data-text="abc">
    <a href='https://www.google.com'>abs</a>
</div>

消除锚定轮廓的方法：

HTML：

<div class="text abc" data-text="abc">
    <a class="no-underline" href='https://www.google.com'>abs</a>
</div>

CSS：

.no-underline a {
    color: #FFFFFF;
    text-decoration: none;
}