 |
| Elemen Link HTML |
Pada artikel kali ini kita akan mamahami penggunaan elemen link beserta atributnya.
Dasar Elemen Link HTML
Link dikenal juga dengan nama Hyperlink yang berfungsi untuk berpindah antar halaman web. link ini didefinisikan dengan elemen <a> (anchor). untuk contoh penggunaanya seperti berikut
<a href="tujuan_urlnya">Teks Link</a>Keterangan
- <a> definisi dari elemen link
- Atribut href untuk menetukan tujuan URL yang di arahkan
- Teks link berada didalam elemen <a> yang bertujuan untuk memungkinkan teks tersebut dapat di klik.
Mengenal Jenis Penggunaan Link
Link Absolut
Link ini menyediakan URL yang lengkap dan biasa digunakan untuk mengarahkan situs ke web eksternal.
contoh penggunaannya:
<a href="https://www.example.com">Kunjungi Situs</a>Link Relatif
Link ini menentukan tujuan relatif terhadap lokasi dari halaman tersebut. biasa digunakan penggunaan link antar halaman pada situs website yang sama.
contoh penggunaannya:
<a href="/contact.html">Kontak Kami</a>Link Anchor
Link ini digunakan untuk berpindah didalam halaman yang sama, sangat cocok jika memiliki konten halaman web yang panjang.
contoh penggunaannya:
<a href="#bagian4">Lompat ke Bagian 4</a>
<!--...-->
<h2 id="bagian4">Bagian 4</h2>Link Email
Link ini juga dapat digunakan untuk membuat link email. jadi prosesnya ketika pengguna link email tersebut maka akan di arahkan membuat kliem email yang biasa digunakan oleh pengguna untuk ber-email. contohnya jika menggunakan gmail. ketika mengklik tersebut maka akan diarahkan ke halaman gmail pesan untuk berkirim pesan email.
contoh penggunaanya:
<a href="mailto:serieswans@gmail.com">Hubungi Kami</a>Mengenal Atribut Link HTML
Ada dua jenis atribut yang umum digunakan yaitu:
Atribut Target
Atribut ini menentukan bagaimana aksi yang ditampilkan saat elemen link tersebut di klik. ada beberapa nilai atribut target ini yaitu _blank (membuka tab baru) dan _self (membuka tab di halaman yang sama).
contoh penggunaanya:
<a href="https://www.example.com" target="_blank">Kunjungi Situs Serieswans</a>Atribut Title
Atribut ini memberikan informasi mengenai link tersebut, biasanya ditampilkan seperti tooltip yang terjadi ketika pengguna mengarahkan kursor pada elemen link tersebut.
contoh penggunaanya:
<a href="https://www.example.com" title="Kunjungi Situs serieswans">Serieswans</a>Penggunaan link yang Deksriptif
Penggunaan link yang deskriptif dapat meningkatkan aksesibilitas dan meningkatkan optimasi di mesin pencari atau search engine.
contoh penggunaanya:
<a href="/konten" title="Jelajahi Konten Kami">Konten</a>Validate Link
Pengguna harus secara teratur mengecek validasi link yang digunakan untuk memastikan tidak ada link rusak yang akan mempengaruhi kualitas SEO dan pengalaman pengguna.
Kesimpulan
Dengan memahami elemen link, elemen-elemen link dan jenis penggunaanya, atribut elemen link, penggunaan link yang deskriptif dan validasi link. anda dapat mengoptimalkan elemen link dengan baik untuk meningkatkan kualitas SEO dan pengalaman pengguna. semoga bermanfaat.
Posting Komentar