🤔 Menaruh a di dalam button 🔗

aku bertanya tentang bagaimana jika menggunakan <a> di dalam elemen button apakah bisa dilakukan?, apakah ini umum?

✍️ Konteks 🔗

awalnya berencana membuat tombol Collapsible tetap untuk teks nya bisa di klik untuk mengarahkan ke halaman lain, cuma aku berfikir daripada menulis seperti ini:

<div>
	<a href="/halaman/"> Halaman </a>
	<button id="collapse-button">Button Collapse</button>
</div>

Bukanya lebih ringkas seperti ini:

<button>
	<a href="/halaman/"> Halaman </a>
	Button Collapse
</button>

🤓 Jawaban sementara 🔗

jawaban sementara yang aku temui

• Secara teknis
  • Bisa dilakukan
  • Memungkinkan untuk dibuat
  • Dan boleh boleh saja
  • Browser akan merender nya dengan benar
• Tetapi
  • Tidak mengikuti praktik terbaik HTML
  • Tidak umum
  • Tidak valid secara semantik
  • Mengacaukan aksesibilitas
  • Kemungkinan masalah
  • Sulit difahami karena cara tersebut tidak umum
  • Perilaku tidak konsisten

🗒️ Kesimpulan 🔗

Pendekatan cara pertama lebih baik dan sangat disarankan daripada memasukkan <a> kedalam <Button>