Я хочу посилання, яке нічого не робить. Я не хочу цього:

<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 в атрибуті href тегу :

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 } 

Або ще краще просто зробити це посиланням і дозволити функцію javascript, яка використовується e.preventDefault()для запобігання посилання.

Також додайте посилання, щоб 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>

чому? Якщо ви використовуєте фреймворк, такий як response або angular, компілятор видасть деякі попередження, які можуть забруднити ваш журнал або консоль. Цей прийом також не дозволить роботам або павукам неправильно пов’язувати речі.

НЕ ВИКОРИСТОВУЙТЕ <a>... замість цього використовуйте, <span class='style-like-link'> а потім використовуйте клас, щоб стилізувати його як завгодно.