Href özelliği olmayan bir tutturma etiketi güvenli midir?

hrefÖzniteliği eklemeden bir bağlantı etiketi kullanmak ve bunun yerine bir JavaScript tıklama etkinliği işleyicisi kullanmak uygun mudur? Bu yüzden hrefboş bırakmamalıyım ( href="").

HTML5'te, niteliği aolmayan bir öğenin kullanılması hrefgeçerlidir. "Yer tutucu köprü" olarak kabul edilir.

Misal:

<a>previous</a>

W3c bağlantı etiketi referans sayfasında "yer tutucu köprüsü" araması yapın : https://www.w3.org/TR/2016/REC-html51-20161101/textlevel-semantics.html#the-a-element .

Ve burada wiki'de de bahsedildi: https://www.w3.org/wiki/Elements/a

Yer tutucu bağlantısı, bir bağlantı öğesi kullanmak istediğiniz ancak herhangi bir yere gitmesini istemediğiniz durumlar içindir. Bu, bir navigasyon menüsünde veya kırıntı izinde geçerli sayfayı işaretlemek için kullanışlıdır. (Eski yaklaşım, "etkin" veya "geçerli" adlı bir sınıfa sahip bir yayılma etiketi veya bağlantı etiketi veya gezinmeyi iptal etmek için JavaScript kullanmak olurdu.)

Yer tutucu bağlantısı, bağlantının hedefini çalışma zamanında JavaScript aracılığıyla dinamik olarak ayarlamak istediğiniz durumlarda da kullanışlıdır. Href özelliğinin değerini ayarlamanız yeterlidir ve bağlantı etiketi tıklanabilir hale gelir.

Ayrıca bakınız:

• https://stackoverflow.com/a/10510353/19112
• http://www.html5in24hours.com/2012/06/8-ways-to-get-started-with-html5-today/
• http://webdesign.about.com/od/html5tutorials/qt/html5-placeholder-links.htm

Tamam, ancak aynı zamanda bazı tarayıcıların yavaşlamasına neden olabilir.

http://webdesignfan.com/yslow-tutorial-part-2-of-3-reducing-server-calls/

Tavsiyem <a href="#"> </a> kullanmaktır

JQuery kullanıyorsanız şunları da kullanmayı unutmayın:

.click(function(event){
    event.preventDefault();
    // Click code here...
});

Kısa cevap: Hayır.

Uzun cevap:

İlk olarak, bir href özelliği olmadan, bir bağlantı olmayacaktır. Bir bağlantı değilse, ( tabindexevrensel olarak desteklenmeyen HTML 5 özelliklerini kullanmadığınız sürece) klavye (veya nefes anahtarı veya işaretçi tabanlı olmayan çeşitli giriş aygıtları) erişilebilir olmayacaktır. Bir kontrolün klavye erişimine sahip olmamasının uygun olması çok nadirdir.

İkinci. JavaScript'in çalışmadığı zamanlarda bir alternatifiniz olmalıdır (sunucudan yüklenmesi yavaş olduğu için bir İnternet bağlantısı kesildi (örn. Hareket eden bir trende mobil sinyal), JS kapalı, vb.).

Yararlanın Kademeli iyileştirmelerle tarafından mütevazi JS.

Geriye dönük uyumluluk için href kullanmanız gerekiyorsa,

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

# yerine, özelliği kullanmak istemiyorsanız

Etiket, href özelliği olmadan kullanmak için uygundur. Buradaki cevapların çoğunun aksine, href olmadığında çapa oluşturmanın standart nedenleri vardır. Anlamsal olarak, "a" bir çapa veya bir bağlantı anlamına gelir. Eğer bu anlamı takip eden herhangi bir şey için kullanırsanız, o zaman iyisinizdir.

Href içermeyen bir etiketin standart kullanımı, adlandırılmış bağlantılar oluşturmaktır. Bu, name = blah ile bir çapa kullanmanıza izin verir ve daha sonra geçerli sayfanın adlandırılmış bölümüne bağlantı oluşturmak için href = # blah ile bir çapa oluşturabilirsiniz. Ancak, aynı şekilde kimlikleri de kullanabileceğiniz için bu kullanımdan kaldırılmıştır. Örnek olarak id = header içeren bir başlık etiketi kullanabilir ve daha sonra href = # header'ı gösteren bir tutturucunuz olabilir.

Ancak benim amacım name özelliğinin kullanılmasını önermemek değil. Sadece bir href'e ihtiyacınız olmayan bir kullanım durumu sağlamak ve bu nedenle neden gerekli olmadığını düşünmek için.

<a>Bir href olmadan erişilebilirlik perspektifinden sekme mümkün değildir, bu yüzden bir href'iniz yoksa bir tabindex = '0 "ekleyin.

<a>Çok seviyeli menülerini kullanırken "href" olmadan etiketi kullanışlı olabilir ve bir sonraki seviyeye genişletmek gerekir ama bu menü etiket aktif halka olmak istemiyoruz. Hiç böyle bir sorunla karşılaşmadım.

Bazı tarayıcılarda href özelliği vermiyorsanız sorunlarla karşılaşırsınız. Kodunuzu böyle bir şey yazmanızı öneririm:

<a href="#" onclick="yourcode();return false;">Link</a>

kodunuzu () kendi işleviniz veya mantığınızla değiştirebilirsiniz, ancak return false eklemeyi unutmayın; Sonunda ifade.