Voglio un collegamento che non fa nulla. Non voglio questo:

<a href="#">

perché allora l'URL diventa something.com/whatever/#.

L'unico motivo per cui voglio un collegamento è che l'utente possa vedere che può fare clic sul testo. JavaScript viene utilizzato per eseguire alcune azioni, quindi non ho bisogno del collegamento per andare da nessuna parte, ma ho bisogno che assomigli a un collegamento!

Potrei usare alcuni attributi di dati e dirmi ai CSS di rendere gli elementi simili a collegamenti se hanno questo attributo, ma sembra un po 'eccessivo.

Quanto segue impedirà al tuo href di essere eseguito

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

Se stai usando jQuery, event.preventDefault()puoi usare

Prova questo:

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

In HTML5, questo è molto semplice. Basta omettere l' hrefattributo.

<a>Do Nothing</a>

Da MDN sull'attributo href del tag :

href

Questo era l'unico attributo richiesto per le ancore che definiscono un collegamento sorgente ipertestuale, ma non è più richiesto in HTML5.

E il cursore della mano al passaggio del mouse?

Gli stili predefiniti per un browser potrebbero non cambiare il cursore in un puntatore, per i atag con no href. Puoi cambiarlo universalmente con il seguente CSS.

a {
    cursor: pointer;
}

<a>Do Nothing</a>

Tuttavia, probabilmente è meglio essere più selettivi al riguardo e applicarlo solo agli elementi a cui si intende aggiungere gestori di eventi.

Che ne dici di renderlo attivabile tramite tabulazione?

Basta aggiungere tabindex="0"all'elemento.

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

Ha senso utilizzare un atag senza un collegamento?

Di solito no, probabilmente è meglio usare buttoninvece un elemento e modellarlo con CSS. Ma qualunque cosa tu usi, evita di usare un elemento arbitrario come divquando possibile, poiché questo non è affatto semantico.

Non renderlo un collegamento (anche se è preferibile farlo) e modellalo con CSS in modo che assomigli a un collegamento:

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

O ancora meglio crearlo semplicemente un collegamento e lasciare che la funzione javascript che viene utilizzata e.preventDefault()per impedire il collegamento.

Aggiungi anche il collegamento a in hrefmodo che gli utenti senza JS abilitato possano ancora utilizzarlo (come fallback).

<a href="javascript:;">Link text</a> - è quello che uso di solito

Possiamo ottenere ciò utilizzando javascript void che normalmente comporta la valutazione di un'espressione e la restituzione di undefined, che include l'aggiunta di javascript:void(0);href.

L'operatore void viene solitamente utilizzato semplicemente per ottenere un valore primitivo non definito, di solito utilizzando "void (0)" (che è equivalente a "void 0"). In questi casi, è invece possibile utilizzare la variabile globale undefined (supponendo che non sia stata assegnata a un valore non predefinito).

a {
  text-decoration: initial;
}

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

La risposta di @ Curt funzionerà, ma puoi usare uno stile cursore in CSS per farlo sembrare un collegamento senza il fastidio di generare un collegamento fasullo. Usa la mano o il puntatore a seconda della conformità del browser.

Puntatore conforme al browser incrociato CSS (dalla guida allo stile del cursore ):

element {
    cursor: pointer;
    cursor: hand;
}

un modo che nessuno ha menzionato è puntare l'href a una posizione di file locale vuota in questo modo

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

perché? Se usi un framework come react o angular, il compilatore emetterà alcuni avvertimenti che possono sporcare il tuo log o la tua console. Questa tecnica impedirà anche a robot o ragni di collegare in modo errato le cose.

NON USARE <a>... invece usa <span class='style-like-link'> e poi usa la classe per modellarlo come vuoi.