Link, Absolute URL, Relative URL, dan Bookmark di HTML

 Apa itu Link?

Link  adalah elemen yang digunakan untuk membuat tautan atau hyperlink, yang berfungsi sebagai sarana navigasi antar halaman web, baik dalam situs yang sama maupun ke situs eksternal. Elemen ini sangat penting dalam menciptakan struktur web yang dinamis dan terhubung satu sama lain, yang dikenal sebagai bagian dari World Wide Web.

Untuk membuat link, digunakan elemen <a> (anchor), dengan atribut ` href ` yang berisi URL atau tujuan tautan. Ketika pengguna mengklik teks atau elemen yang terbungkus dalam tag ini, mereka akan diarahkan ke halaman yang ditentukan oleh URL tersebut. Tautan dapat mengarah ke berbagai sumber, seperti halaman web lain, file, dokumen, gambar, atau bahkan alamat email.

Selain ` href `, atribut lain seperti ` target ` dapat digunakan untuk menentukan bagaimana link tersebut dibuka (misalnya, di tab yang sama atau tab baru), dan atribut ` title ` bisa memberikan informasi tambahan yang muncul saat pengguna mengarahkan kursor ke link. 

Fungsi utama link adalah untuk mempermudah pengguna dalam menavigasi situs web, membuat hubungan antar halaman menjadi lebih efisien, serta memungkinkan penciptaan jaringan halaman web yang saling terhubung, sehingga menciptakan pengalaman pengguna yang lebih interaktif dan informatif.

Apa itu Absolute ?

Absolute URL adalah jenis URL yang menyediakan informasi lengkap untuk mengakses sumber daya tertentu di internet. Ini mencakup semua elemen yang diperlukan, seperti protokol (seperti HTTP atau HTTPS), nama domain, dan jalur menuju file atau halaman yang dimaksud.

Dengan menggunakan absolute URL, Anda memastikan bahwa tautan akan selalu mengarah ke lokasi yang tepat, tidak peduli dari mana tautan tersebut diakses. Ini sangat berguna untuk menghindari kebingungan saat sumber daya diakses dari berbagai lokasi di web.

Contoh Absolute dalam HTML





Apa itu Relative URL?

Relative URL adalah alamat atau tautan yang tidak mencakup seluruh informasi dari URL. Sebaliknya, ia hanya memberikan bagian dari informasi yang diperlukan untuk mengakses halaman web atau sumber daya lain di dalam struktur direktori situs web yang sama. Relative URL bergantung pada posisi dokumen saat ini untuk menentukan lokasi sumber daya yang ingin diakses.

Relative URL sering digunakan untuk menghindari pengulangan informasi dan memudahkan pemeliharaan situs web. Jika URL bersifat relatif, perubahan domain atau struktur direktori tidak akan mempengaruhi banyak link yang ada di situs.

Contoh Relative URL dalam HTML:

1. Link ke Halaman di Direktori yang Sama 



Pada contoh di atas, tautan akan mengarah ke tentang.html yang berada di direktori yang sama dengan halaman HTML saat ini.

2. Link ke Halaman di Subdirektori



Dalam contoh ini, tautan akan mengarah ke daftar.html yang berada di dalam folder produk.

Apa itu Bookmark?

Bookmark dalam konteks HTML adalah fitur yang memungkinkan pengguna untuk menandai atau membuat tautan ke bagian tertentu dari halaman web. Ini berguna untuk navigasi yang lebih cepat, terutama dalam halaman yang panjang. Dengan menggunakan bookmark, pengguna dapat melompat ke bagian tertentu dari konten tanpa harus menggulir seluruh halaman.

Di HTML, bookmark dibuat menggunakan elemen anchor (<a>) dengan atribut href yang merujuk ke id dari elemen yang dituju. Ini dapat membantu dalam navigasi dalam satu halaman atau bahkan antar halaman yang berbeda.

Contoh Bookmark dalam HTML




Komentar