<a>)Dalam dunia pengembangan web, salah satu elemen fundamental yang memungkinkan navigasi dan konektivitas antar halaman, bahkan di dalam halaman yang sama, adalah tag Anker, yang direpresentasikan dalam HTML sebagai tag <a>. Tanpa anker, internet seperti yang kita kenal—sebuah jaringan tautan—tidak akan eksis. Memahami cara kerja dan penerapannya adalah kunci untuk membangun pengalaman pengguna (UX) yang efektif dan intuitif.
Secara esensial, tag anker berfungsi sebagai jembatan. Ia menciptakan hyperlink yang memungkinkan pengguna berpindah dari satu sumber daya web ke sumber daya lainnya ketika diklik. Atribut yang paling krusial yang menentukan tujuan tautan ini adalah atribut href (Hypertext Reference).
Fungsi paling umum dari anker adalah menghubungkan dua halaman yang berbeda. Misalnya, tautan ke situs berita eksternal atau ke halaman "Kontak Kami" di domain yang sama. Sintaks dasarnya sangat sederhana:
<a href="https://www.contohwebsite.com">Kunjungi Contoh</a>Namun, konsep anker menjadi jauh lebih kuat ketika digunakan untuk navigasi internal, sering disebut sebagai "jangkar" atau "bookmark" di dalam satu dokumen panjang. Ini sangat berguna untuk membuat daftar isi (Table of Contents) yang dapat langsung melompat ke bagian spesifik dari artikel panjang, seperti yang sedang Anda baca ini.
Untuk membuat tujuan (target) yang bisa dituju, kita menggunakan atribut id pada elemen di halaman tujuan. Kemudian, di dalam tag anker yang ingin menuju ke sana, kita menggunakan simbol pagar (#) diikuti dengan nilai id tersebut pada atribut href.
Sebagai contoh, jika Anda ingin melompat ke bagian yang memiliki <h2 id="kesimpulan">Kesimpulan</h2>, tautan yang Anda gunakan adalah <a href="#kesimpulan">Lihat Kesimpulan</a>.
Gambar menunjukkan Anker menghubungkan Sumber ke Target melalui referensi (href).
Selain href, tag anker mendukung atribut penting lainnya yang memengaruhi perilakunya di browser:
target: Atribut ini menentukan di mana tautan akan dibuka. Nilai paling umum adalah _blank (membuka di tab baru) atau _self (membuka di tab yang sama, ini adalah default).title: Menyediakan informasi tambahan tentang tautan, yang biasanya muncul sebagai tooltip saat kursor mouse diarahkan ke tautan tersebut.download: Jika disetel, atribut ini akan memaksa browser untuk mengunduh sumber daya yang ditautkan, alih-alih menampilkannya di browser (berguna untuk file PDF atau gambar).Penggunaan target="_blank" harus selalu diiringi dengan atribut rel="noopener noreferrer" untuk alasan keamanan, terutama saat menautkan ke situs eksternal. Ini mencegah halaman baru yang dibuka memiliki akses ke objek window halaman pembuka (menghindari serangan tabnabbing).
Meskipun tag <a> secara teknis dapat diklik dan menavigasi, praktik terbaik modern menyarankan untuk tidak menggunakannya sebagai pengganti tombol untuk menjalankan fungsi JavaScript tanpa navigasi (misalnya, membuka modal atau menjalankan validasi formulir).
Untuk aksi non-navigasi, elemen <button> jauh lebih disarankan. Hal ini karena tombol secara otomatis dapat diakses oleh pengguna keyboard (fokus tab) dan dipicu melalui tombol Enter atau Spasi, sebuah aksesibilitas yang secara bawaan tidak dimiliki oleh tag anker kecuali jika kita menambahkan banyak penanganan event JavaScript.
Tag anker <a> adalah fondasi dari struktur hiperteks di web. Dari navigasi antar benua informasi di seluruh internet hingga melompat cepat ke bagian penting dalam dokumen tunggal, kekuatan menghubungkan konten adalah inti dari kehebatan World Wide Web. Pengembang yang baik memanfaatkan anker tidak hanya untuk tautan, tetapi juga untuk struktur navigasi internal yang efisien, selalu memperhatikan atribut pelengkap seperti target dan rel untuk memastikan UX yang aman dan optimal bagi semua pengguna, terutama yang menggunakan teknologi bantu (assistive technologies).
Menguasai anker berarti menguasai cara pengguna bergerak melalui informasi digital.