HTML5 中的纯 JavaScript 链接

Question

我知道这个问题有很多答案，但没有一个让我满意。

有没有官方的 HTML5 方法来处理没有 href 的可点击元素？

我总是做的就是这样:

<a>Link</a>

当然，他们可能有 ID 或类，但这对于示例来说并不重要。我使它们可以通过脚本点击，并且不在其中放置任何 href 。有些人认为这是不正确的。

另一个选项是:

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

说实话，我讨厌这种方法，因为它使 href 属性包含垃圾。

另一种方法是使用另一个标签:

<div>Link</div>

有没有标准化的方法来做到这一点？或者，也许任何没有正确 href 的方式都是不正确的，因为众所周知，链接实际上应该为非 js 人员提供正确的 href。

编辑

好的，我看到答案符合我的预期。需要明确的是，我知道如何让它发挥作用，并且我正在寻找语义上正确的方法来实现它。如果你们认为只要通过 HTML 验证就是好的 HTML，那么你们就错了。

Answer 1

有效性:

使用<a>没有问题没有href属性。在 HTML5 中，它是 placeholder hyperlink 。这是完全有效的。您可以try validating 。没有错误或警告。

使用示例:

<a id='mya'>Link</a>

$(function(){
    $('#mya').click( function() {
        alert('Click No href'); 
    });
});

See it running

语义和其他一切:

继续阅读here详细的解释和推理。