禁用的 href 标记 - Html

在 HTML 中，用 <a> 标签创建超链接是非常常见的。通常情况下，我们会使用 href 属性来指定链接的目标地址。但是，有时候我们可能会希望禁用某些链接，让它们不能被点击。那么，如何禁用链接呢？

禁用链接的方法

使用 JavaScript

禁用链接最常见的方法就是使用 JavaScript。以下是一个使用原生 JavaScript 禁用链接的例子：

<a href="http://www.example.com" onclick="return false;">点击这个链接不会跳转</a>

我们在链接上使用了 onclick 属性，并让它返回了一个 false 值。这样，当用户点击这个链接时，不会触发浏览器的默认行为，即跳转到指定的地址。

如果你使用了 jQuery，也可以这样来禁用链接：

$("a").click(function(event) {
  event.preventDefault();
});

这个例子中，我们使用了 jQuery 提供的 preventDefault 方法来阻止链接的默认行为。

使用 CSS

如果你只是想让链接看起来像链接但不能被点击，那么可以使用 CSS 改变链接的样式，并添加一个不可点击的 cursor 值。

<a href="http://www.example.com" style="color: blue; text-decoration: underline; cursor: not-allowed;">这个链接不能被点击</a>

如上所述，我们将链接的样式设置为蓝色，并添加了下划线。另外，我们还把鼠标光标的样式设置为“not-allowed”，这样当用户把鼠标移动到链接上时，它不会变成手型。

总结

禁用链接是一个比较常见的需求，可以通过 JavaScript 或 CSS 来实现。无论你使用的是哪种方式，都需要根据实际情况进行选择，以达到最佳的效果和用户体验。

参考资料：

• https://stackoverflow.com/questions/13674452/disable-a-link-with-css
• https://stackoverflow.com/questions/743000/what-is-the-best-way-to-disable-a-link-using-html-css-javascript