Hyperlink adalah “pintu” yang menghubungkan satu halaman web ke halaman lain. Nah, atribut target pada hyperlink berfungsi seperti remote control yang menentukan di mana tautan tersebut akan terbuka. Tanpa atribut ini, link biasanya akan membuka halaman baru di tab atau jendela yang sama. Tapi kalau kita pakai target, kita bisa mengatur apakah link itu ingin dibuka di tab baru, jendela berbeda, atau bahkan di bagian tertentu dalam halaman (misalnya di dalam frame). Ini sangat berguna untuk meningkatkan pengalaman pengguna, seperti menghindari keluar dari halaman utama atau memudahkan navigasi.

Nilai-nilai Target yang Umum Digunakan
Atribut target punya beberapa nilai yang bisa dipilih, seperti _blank, _self, _parent, dan _top. Nilai _blank adalah yang paling populer karena memaksa link untuk terbuka di tab atau jendela baru, cocok untuk link eksternal agar pengguna tidak kehilangan halaman asal. Sementara _self adalah nilai default yang membuka link di tab/jendela yang sama. Untuk kasus khusus seperti halaman dengan frame (misalnya menu di bagian tertentu), _parent atau _top bisa digunakan untuk mengatur di bagian mana halaman baru akan ditampilkan.

Contoh Penggunaan Target pada Hyperlink

1. Membuka Link di Tab Baru

   <a href="https://contoh.com" target="_blank">Kunjungi Contoh.com</a>

Dengan kode di atas, ketika pengguna mengklik link, halaman akan terbuka di tab baru. Cocok untuk link ke situs eksternal agar pengguna tidak meninggalkan website Anda.

2. Membuka Link di Tab yang Sama

   <a href="halaman-lain.html" target="_self">Lihat Halaman Lain</a>

Ini adalah perilaku default. Jika diklik, halaman akan menggantikan halaman saat ini di tab yang sama. Nilai _self biasanya tidak perlu ditulis karena otomatis berlaku.

3. Membuka Link di Frame Induk (Parent Frame)

   <a href="profil.html" target="_parent">Buka Profil di Frame Induk</a>

Jika website menggunakan frame (pembagian area halaman), target="_parent" akan membuka link di frame yang lebih tinggi (induk). Misalnya, jika ada menu di frame samping, link bisa membuka konten di frame utama.

Tips: Gunakan target="_blank" dengan bijak, terutama untuk link eksternal. Tambahkan rel="noopener" untuk keamanan, contoh:

<a href="https://contoh.com" target="_blank" rel="noopener">Link Aman</a>