Twitter Bootstrap bir site inşa etmek için kullanıyorum, ve işlevsellik açısından çok eğer sadece Javascript idam edeceklermiş bile <a> ambalaj şeye bağlıdır. Bootstrap belgelerine önerir href="#" taktiği ile sorun yaşadım, farklı bir çözüm bulmaya çalışıyordum.

Ama sonra tamamen href öznitelik çıkarma çalıştım. <a class='bunch of classes' data-whatever='data'>, kullanarak, gerisini Javascript yaşıyorum. Ve işe yarıyor.

Henüz bir şey bana bunu yapmamalıyım söylüyor. Değil mi? Teknik olarak <a> bir şey için bir bağlantı olması gerekiyordu, ama tam olarak emin değilimnedenbu bir sorundur. Yoksa değil mi?

<a>nchor eleman sadece veya Bazı içerikler için bir çapa sahiptir. Aslında HTML belirtimi çapa (<a name="foo">) adlı ve çapa bağlı için izin (<a href="#foo">).

Adlı bağlantı biçimi parça tanımlayıcı şimdi [id] bir öznitelik hala [name] belirtebilirsiniz geriye uyumluluk öznitelikleri rağmen) belirtmek için kullanılır gibi daha az yaygın olarak kullanılır. An <a> element without an [href] attribute is still valid.

Anlambilim ve stil ile ilgili olarak, <a> eleman [href] bir öznitelik olmadıkça bir bağlantı (:link) değil. Bu yan etki [href] <a> bir öğe varsayılan sekme sırası olmayacak.

Asıl soru <a> eleman yalnız <button> uygun bir temsil olup olmadığıdır. Semantik düzeyde, link button bir bir arasında belirgin bir fark var.

Bir düğmeye tıklandığında bir eylem yapılmasına neden olan bir şey.

Bir bağlantı geçerli belge içinde gezinme bir değişiklik neden olan bir düğmedir. Oluşan gezinti bölüm tanımlayıcı (#foo) durumunda belge içinde hareket eden ya da URL davasında yeni bir belge (/bar) hareketli olabilir.

Bağlantılar düğme, özel bir tür olarak, genellikle kendi eylemleri alternatif işlevleri gerçekleştirmek için geçersiz oldu. Bir düğme kadar bir çapa kullanmaya devam anlamsal olarak doğru olmasa da bir tutarlılık açısından sorun olur.

Eğer mantığı ve <a> bir öğe (veya <span> <div>) bir düğme olarak kullanmak üzere erişilebilirlik konusunda endişeleriniz varsa, aşağıdaki öznitelikleri eklemek gerekir:

<a role="button" tabindex="0" ...>...</a>

button role belirli bir unsur, temel unsur olduğunu olursa olsun geçersiz kılma için bir düğme olarak kabul ediliyor kullanıcı söyler.

<span> <div> elementler için JavaScript anahtar dinleyicileri eklemek isteyebilirsinizBoşlukyaGirinclick olayı tetiklemek için. <a href> <button> öğeleri varsayılan olarak bunu yapmak, ama non-düğme elemanları. Bazen bağlamak daha mantıklı farklı bir anahtar için click tetiği yapar. Örneğin, bir "web uygulaması bir düğmeye bağlı olabilir . yardım ^kbd>F1.