Element Anchor

 Element anchor (<a>) HTML adalah salah satu element yang sangat penting dan paling banyak digunakan dalam struktur halaman web. element ini memungkan pengguna untuk bernavigasi dari satu halaman ke halaman atau ke lokasi yang lain dengan cara mengklik teks atau gambar yang berada di halaman web yang terdapat didalam element anchor. secara sederhana, element <a> digunakan untuk menghubungkan berbagai bagian dari konten web baik itu didalam web ataupun menuju situs yang lain.

Struktur Didalam Element Anchor

Dasar didalam struktur element anchor akan telihat seperti dibawah ini :

<a href="URL">teks link</a>

simbol <a> merupakan tag pembuka pada sebuah element anchor, sedangkan href= merupakan sebuah atribut yang berfungsi untuk menentukan alamat URL tujuan, ini bisa berupa tautan eksternal, URL aktif< atau tautan kebagian tertentu didalam struktur web. sedangkan teks link merupakan konten yang dapat di klik oleh pengguna. dan untuk menutup element anchor ini digunakan tag </a>.

Lihat juga : Pentingnya Element Image Pada HTML

Atribut-Atribut Penting Dalam Element Anchor 

* href

atribut ini adalah yang sangat penting karena mendifinisikan alamat tujuan dari element achor itu sendiri, karna tanpa atribut ini, pengguna tidak dapat mengarah ke halaman tujuan dari sebuah gambar ataupun teks yang ditanamkan element anchor. contoh penggunaan atribut href:

<a href="https://google.com">kunjungi situs</a>

Lihat juga : Konsep Nesting Serta Pentingnya Didalam HTML

* Target

Atribut ini digunakan untuk menentukan bagaimana halaman tujuan akan di tampilkan didalam web  Nilai yang paling umum yang digunakan didalam atribut ini adalah _blank dan _self.

atribut _blank digunakan untuk membuka tautan di tab baru, sedangkan _self digunakan untuk membuka tautan tab atau di jendela yang sama (ini adalah nilai default).

Selain itu ada juga _parent dan _top, penggunan _parent ditujukan untuk membuka tautan di jendela atau frame induk. sedangkan _top digunakan untuk membuka tautan di jendela atau frame pernuh. Contoh penggunaan atribut target :

<a href="https://google.com" target="_blank">Buka di tab baru</a>

* Title

Atribut ini digunakan untuk memberikan informasi tambahan ketika pengguna mengarahkan kursor ketautan, biasanya digunakan untuk memberikan deskripsi lebih lanjut mengenai tujuan tautan,

Contoh penggunaan title 

<a href="https://google.com" title="klik untuk mengunjungi website">web pencari</a>

* rel 

atribut ini digunakan untuk mendifinisikan hubungan atara halaman yang sedang di akses dengan halaman tautan. atribut ini sering digunakan untuk konteks SEO dan keamanan.

Contoh : 

<a href="https://google.com" rel="dofollow">tautan SEO</a>

Tautan Kebagian Tertentu Didalam Halaman

Selain tujuan antar halaman, element anchor juga memungkinkan tautan kebagian tertentu didalam halaman web yang sama, hal ini dilakukan dengan menggunakan ID sebagai target tautan. contoh :

<a href="#bagian1">Pergi kebagian 1</a>

......

<h2 id="bagian1">Bagian 2</a>

disini tauutan akan membawa pengguna langsung ke bagian yang memiliki ID bagian2 saat diklik.

Tautkan Ke Email

Element anchor juga dapat digunakan unuk membuat tautan yang membuka aplikasi email pengguna untuk mengirim email dengan menggunakan schema mailto. seperti contoh dibawah ini :

<a href="mailto:email@gmail.com">Kirim Email</a>

Dari penjelasan diatas dapat disimpulkan bahwa element anchor adalah element yang sangat penting untuk navigasi didunia website. dengan menggunakan atribut yang tepat kita dapat menghubungkan konten dari berbagai halaman, membuka tautan di tab baru, atau memberikan informasi tambahan, atau bahkan membuat tautan yang mengarah kebagian tertentu didalam halaman yang sama. 

Sebagai element inti didalam struktur web, element anchor memungkinkan pengguna untuk berinteraktif dan navigasi antar halaman.

Lihat juga : Element Heading HTML

                   Element Paragraf 

                   Komentar Pada HTML

                   Element Main Pada HTML

Subscribe to receive free email updates: