何もしないリンクが欲しい。私はこれを望んでいません：

<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>

タグhref属性のMDNから：

href

これは、ハイパーテキストソースリンクを定義するアンカーに必要な単一の属性でしたが、HTML5では不要になりました。

ホバーのハンドカーソルはどうですか？

ブラウザのデフォルトのスタイルでは、がないaタグの場合、カーソルがポインタに変更されない場合がありますhref。次のCSSを使用して、これを普遍的に変更できます。

a {
    cursor: pointer;
}

<a>Do Nothing</a>

ただし、それについてより選択的にし、イベントハンドラーを追加する予定の要素にのみ適用する方がおそらく良いでしょう。

タブフォーカス可能にするのはどうですか？

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関数を使用することをお勧めします。

また、hrefJSが有効になっていないユーザーでも引き続き使用できるように、リンクを追加します（フォールバックとして）。

<a href="javascript:;">Link text</a> -それは私が通常使用するものです

これは、通常は式の評価を含みjavascript:void(0);、hrefの追加を含むundefinedを返すjavascriptvoidを使用して実現できます。

void演算子は通常、未定義のプリミティブ値を取得するためにのみ使用され、通常は「void（0）」（「void0」と同等）を使用します。このような場合は、代わりにグローバル変数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;
}

誰も言及していない1つの方法は、hrefをそのような空のローカルファイルの場所にポイントすることです。

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

どうして？reactやangularなどのフレームワークを使用している場合、コンパイラーはログやコンソールを汚す可能性のあるいくつかの警告を吐き出します。この手法は、ロボットやスパイダーが誤って物事をリンクするのを防ぎます。

使用しないでください<a>...代わりに<span class='style-like-link'> 、クラスを使用してから、必要に応じてスタイルを設定してください。