Hiçbir şey yapmayan bir bağlantı istiyorum. Bunu istemiyorum

<a href="#">

çünkü o zaman URL olur something.com/whatever/#.

Bir bağlantı istememin tek nedeni, kullanıcının metne tıklayabileceğini görebilmesidir. JavaScript bazı eylemleri gerçekleştirmek için kullanılıyor, bu nedenle hiçbir yere gitmek için bağlantıya ihtiyacım yok ama bir bağlantı gibi görünmesi gerekiyor!

Bazı veri özniteliklerini kullanabilir ve bu özniteliğe sahiplerse elemanların bağlantı gibi görünmesini sağlamak için CSS söyleyebilirim ama bu biraz abartılı görünüyor.

Aşağıdakiler href'inizin çalıştırılmasını önleyecektir

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

JQuery kullanıyorsanız, event.preventDefault()kullanılabilir

Bunu dene:

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

HTML5'te bu çok basittir. hrefÖzniteliği atlayın .

<a>Do Nothing</a>

Gönderen bir etiket href niteliği üzerinde MDN'yi :

href

Bu, bir köprü metni kaynak bağlantısını tanımlayan bağlantılar için gereken tek özellikti, ancak artık HTML5'te gerekli değildir.

Fareyle üzerine gelindiğinde el imleci ne olacak?

Bir tarayıcı için varsayılan stiller, imleci bir işaretçiye dönüştürmeyebilir, ano href. Bunu evrensel olarak aşağıdaki CSS ile değiştirebilirsiniz.

a {
    cursor: pointer;
}

<a>Do Nothing</a>

Bununla birlikte, bu konuda daha seçici olmak ve bunu yalnızca olay işleyicileri eklemek istediğiniz öğelere uygulamak muhtemelen daha iyidir.

Sekmeye odaklanabilir hale getirmeye ne dersiniz?

Sadece tabindex="0"öğeye ekleyin .

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

aBağlantısız bir etiket kullanmak mantıklı mı ?

Genellikle hayır, bunun buttonyerine bir öğe kullanmak ve onu CSS ile biçimlendirmek muhtemelen daha iyidir . Ama ne kullanırsanız kullanın, divmümkün olduğunda olduğu gibi keyfi bir öğe kullanmaktan kaçının , çünkü bu hiç anlamsal değildir.

Bunu bir bağlantı yapmayın (yapılması tercih edilse de) ve bir bağlantı gibi görünmesi için CSS ile biçimlendirmeyin:

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

Ya da daha da iyisi, onu bir bağlantı yapın ve e.preventDefault()bağlantıyı engellemek için kullanılan javascript işlevine izin verin .

Ayrıca, hrefJS etkin olmayan kullanıcıların yine de kullanabilmesi için (yedek olarak) bağlantısını ekleyin .

<a href="javascript:;">Link text</a> - genellikle kullandığım şey bu

Bunu, normalde bir ifadenin değerlendirilmesini javascript:void(0);ve href eklemeyi de içeren tanımsız döndürmeyi içeren javascript void kullanarak başarabiliriz .

Void operatörü genellikle yalnızca tanımlanmamış bir ilkel değer elde etmek için kullanılır, genellikle "void (0)" ("void 0" ile eşdeğerdir) kullanılır. Bu durumlarda, bunun yerine global değişken tanımsız kullanılabilir (varsayılan olmayan bir değere atanmadığı varsayılarak).

a {
  text-decoration: initial;
}

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

@ Curt'ün cevabı işe yarayacaktır, ancak css'de bir imleç stili kullanarak sahte bir bağlantı oluşturma zahmetine girmeden bir bağlantı gibi görünmesini sağlayabilirsiniz. Tarayıcı uyumluluğuna bağlı olarak el veya işaretçiyi kullanın.

Çapraz tarayıcı uyumlu işaretçi css ( imleç stili kılavuzundan):

element {
    cursor: pointer;
    cursor: hand;
}

Hiç kimsenin bahsetmediği bir yol, href'i böyle boş bir yerel dosya konumuna yönlendirmektir.

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

neden? React veya angular gibi bir çerçeve kullanırsanız, derleyici günlüğünüzü veya konsolunuzu kirletebilecek bazı uyarılar verir. Bu teknik aynı zamanda robotların veya örümceklerin nesneleri yanlış bir şekilde bağlamasını da önleyecektir.

KULLANMAYIN <a>... bunun yerine kullanın<span class='style-like-link'> ve sonra istediğiniz gibi stil vermek için sınıfı kullanın.