我想要一个不起作用的链接。我不要这个：

<a href="#">

因为这样URL变为something.com/whatever/#。

我想要链接的唯一原因是使用户可以看到他们可以单击文本。JavaScript正在用于执行某些操作，因此我不需要将该链接放到任何地方，但我需要使其看起来像一个链接！

我可以使用一些数据属性，并告诉我CSS使元素看起来像链接（如果它们具有此属性），但这似乎有点过头了。

以下内容将阻止您的href被运行

<a href="#" onclick="return false;">

如果您使用的是jQuery，event.preventDefault()可以使用

试试这个：

<a href="javascript:void(0);">link</a>

在HTML5中，这非常简单。只需忽略该href属性。

<a>Do Nothing</a>

从MDN的tag href属性：

href

这是用于定义超文本源链接的锚的唯一必需属性，但在HTML5中不再需要。

那悬停的手形光标呢？

对于a带有no的标签，浏览器的默认样式可能不会将光标更改为指针href。您可以使用以下CSS进行通用更改。

a {
    cursor: pointer;
}

<a>Do Nothing</a>

但是，最好对其进行更多选择，并将其仅应用于要向其中添加事件处理程序的元素。

将其设置为Tab焦点该怎么办？

只需添加tabindex="0"到元素。

<a tabindex="0">Do Nothing</a>

使用a没有链接的标签是否有意义？

通常不行，最好改用button元素，然后用CSS设置样式。但是无论您使用什么，都尽量避免使用任意元素div，因为这根本不是语义。

不要将其设为链接（尽管更喜欢这样做），并不要使用CSS对其进行样式设置，以使其看起来像一个链接：

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

甚至更好的方法是使其成为一个链接，并使用e.preventDefault()用于阻止该链接的javascript函数。

href还将链接添加到，以便未启用JS的用户仍可以使用它（作为后备）。

<a href="javascript:;">Link text</a> -那就是我通常使用的

我们可以使用javascript void实现这一点，它通常涉及对表达式的求值并返回undefined，其中包括添加javascript:void(0);href。

void运算符通常仅用于获取未定义的原始值，通常使用“ void（0）”（等效于“ void 0”）。在这些情况下，可以改用undefined全局变量（假设尚未将其分配给非默认值）。

a {
  text-decoration: initial;
}

<a href="javascript:void(0);"> This link actually does nothing when clicked</a>

@Curt的答案会起作用，但是您可以在CSS中使用光标样式，使其看起来像一个链接，而不会产生虚假链接。根据浏览器的一致性使用手或指针。

跨浏览器一致的指针css（来自游标样式指南）：

element {
    cursor: pointer;
    cursor: hand;
}

没有人提到的一种方法是将href指向一个空的本地文件位置，如下所示

<a href='\\'>my dead link</a>

为什么？如果您使用诸如react或angular的框架，则编译器会吐出一些警告，这可能会使您的日志或控制台变脏。该技术还将防止机器人或蜘蛛程序错误地链接事物。

不要使用<a>...而是使用<span class='style-like-link'> ，然后使用该类为其设置样式。