Guntingbatukertas.com

Relative, Absolute dan Virtual Hyperlink: 3 Tipe Dasar Hyperlinks

oleh salsabel pada Feb.21, 2009, dalam kategori Internet, Web Design

linkTulisan singkat ini akan menyegarkan ingatan kita terhadap tiga jenis link atau hyperlink yang ada dalam kode HTML. Anda perlu mempelajari kode ini jika ingin ber-eksperimen lebih jauh terhadap halaman Friendster, Blog atau Wordpress Anda.

Tiga jenis link yang saya maksud adalah:

RELATIF:
Kode:
<a href=”../default.asp”>Home</a>

ABSOLUT:
Kode:
<a href=”http://www.domainmu.com/default.asp”>Home</a>

VIRTUAL:
Kode:
<a href=”/default.asp”>Home</a>

Masing-masing dari ketiga tipe link di atas memiliki kelebihan tersendiri. Link Relatif sangat tergantung pada path/lokasi file dimana dia ditempatkan. Misalnya dalam contoh di atas, Home akan berada di luar folder root website dan dengan mengklik link tersebut, Anda akan diarahkan satu tingkat ke atas menuju halaman depan/Home. Jika Anda menggunakan tipe link ini dan salah menempatkan, Anda akan menemukan kode Error 404 alias halaman tidak ditemukan

Link Absolut tidak terhubung dengan path/lokasi file dimana dia baerada. Link ini akan mengunci lokasi tujuan pada URL tertentu. Oleh karena itu link ini bebas dipakai dan ditempatkan di halaman manapun asal merujuk ke halaman yang valid. Misalnya, dengan mengklik contoh link di atas akan membawa Anda ke halaman Home website www.domainmu.com.

Link Virtual mirip sekali dengan Link Relatif dari segi ketergantungan pada path file. Dengan menambahkan tanda ‘/’ seperti dalam contoh di atas, Anda akan dibawa kembali ke root folder website. Dimanapun link ini ditempatkan dalam website, ia tetap akan dapat mengarahkan Anda ke halaman depan web Anda terlepas dari lokasi link tersebut ditempatkan.

Sekarang Anda sudah bisa tentukan, link jenis apa yang akan Anda pakai untuk web Anda, kan?

Tulisan ini dikembangkan dari sini

Related Posts with Thumbnails
:, , , , , ,
Mari berbagi Ilmu!



Balas komentar

Anda bisa menambahkan kode XHTML berikut: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>