HTML'de <button> İçerisinde <a> Olur Kullanılır mı? Ya da <a> İçinde <button>

Bu kullanım yanlış mı acaba? Sanırım HTML'de <button> esasında <a>'ya alternatif mi? Yani <a>'nın içinde href varken <button> Javascript için mi var? Aynı zamanda birlikte kullanılabiliyorlar mı?

Kullanılır

Button içerisinde a tagı kullanımı yanlıştır. Button a’ya alternatif değildir.

Button form içinde ya da dışında kullanılabilir. Genel olarak amacı form’u göndermektir.
A tagı yönlendirme yapmak için kullanılır.

a alternatifi derken farklı kullanıma alternatif anlamında demiştim. Mesela sosyal medya paylaşım butonları yeni sekmede açılıyorsa <a> ile yapmak mantıklıyken, Javascript kodları ile popup açılıyorsa button ile yapmak gerekir gibi. Zaten <a> ile yaparsak onclick="" varken href="" vermek gerekir ki içerisine bir şey yazmayınca (href="#" olmadığında) hata olur.

Hocam bootstrap ya da alternatifi kullanıyorsanız, a tagına css buton class'ı tanımlayıp, linki buton olarak da gösterebilirsiniz.
<a href="www.link.com" class=""btn btn-success"> Buton</a>

Benim sorum çok farklı hocam. CSS'den bahsetmiyorum, HTML'de buton yapısından bahsediyorum. Yani class içine buton yazmak onu html'de buton yapmaz. Buton gibi görünür orası ayrı.

Aslına bakılırsa kural genel anlamıyla şöyledir. İnline tag içerisine sadece inline inline-block tag içerisişne inlen block ve inline tag block tag içerisine herşey konulabilir.

button tagi yokken a tagini onclick eventi için kullanıyorduk veya span'a cursor pointer ekleyip onclick eventine bağlıyorduk. Bu duruma kolay alternatif olsun diye <button> tagi geldi. Özeti bu şekildedir. Yani a tagini yönlendirme, button tagini eventler için kullanıyoruz. Button tagi içinde a kullanımı yanlıştır.

a tag'ı etkileşim tagıdır. a tagı içerisine başka bir etkileşim elemanı yerleştirmeniz doğru değildir.

etkileşimi kaldırıp kullanırsınız belki diye bir fikir geldi aklıma fakat "https://validator.w3.org/" yapma böyle diyor.

Bu da şu demek farklı browserlarda...ileride... hata alabilirsiniz.