Macam-Macam Atribut Hyperlink dan Contohnya

Macam-Macam Atribut Hyperlink dan Contohnya

Macam-Macam Atribut Hyperlink dan Contohnya

Tag hyperlink (<a>) mempunyai beberapa atribut penting yang dapat digunakan untuk membantu kita membuat link yang sesuai dengan kebutuhan. Macam-Macam Atribut Tag Hyperlink tersebut adalah:

• charset: membuat link dokumen dengan penggunaan karakter set yang lebih spesifik. Value yang dapat digunakan adalah char_encoding

Contoh Penggunaan:

<a charset="UTF-8" href="http://www.mandalamaya.com">Mandalamaya.COM</a>

• coords: membuat link dengan menentukan koordinat atau penentuan posisi link tersebut, biasanya digunakan pada link berbentuk gambar. Value yang dapat digunakan adalah coordinates

Contoh Penggunaan:

<a href="sun.htm" shape="rect" coords="0,0,82,126">The Sun</a>

Lihat Demo

• download: jika user mengklik hyperlink yang menggunakan tag ini maka file target tidak akan ditampilkan pada browser melainkan langsung didownload pada komputer. Value yang digunakan adalah ekstensi file

Contoh Penggunaan:

<a href="http://www.mandalamaya.com/sample-gambar.jpg" download>

• href: membuat link yang menghubungkan text dengan halaman website atau file tertentu berbentuk URL. Value yang digunakan adalah URL

Contoh Penggunaan:

<a href="http://www.mandalamaya.com">Mandalamaya.COM</a>

• hreflang: Berguna untuk menjelaskan bahasa yang digunakan pada suatu halaman. Value yang digunakan adalah language_code

Contoh Penggunaan:

<a href="http://www.mandalamaya.com" hreflang="en">Mandalamaya.COM</a>

• name: menentukan nama anchor text, dipadukan dengan penggunaan atribut id

Contoh Penggunaan:

id atribut <a href="#C4">Chapter 4</a>

name anchor <a name="C4">Chapter 4</a>

Lihat Demo

• rel: menentukan hubungan antara dokumen saat ini dan dokumen terkait. Value yang digunakan dalah: alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag

Contoh Penggunaan:

<a href="http://www.mandalamaya.com rel="nofollow">Mandalamaya.COM</a>

• target: menentukan bagaimana cara link dokumen tersebut dibuka. Value yang digunakan adalah _blank, _parent, _self, _top

Contoh Penggunaan:

<a href="http://www.mandalamaya.com" target="_blank" >Mandalamaya.COM</a>

• type: menentukan jenis media dokumen yang digunakan. Value yang digunakan adalah media_type

Contoh Penggunaan:

<a href="http://www.mandalamaya.com" type="text/html">Mandalamaya.COM</a>

Demikianlah ulasan lengkap untuk pengertian Hyperlink yang kami sadur dari beberapa buku yang bisa dijadikan acuan dalam memahami istilah tersebut. Artikel pengertian hyperlink ini kami lengkapi juga dengan cara membuat hyperlink dan macam-macam atribut hyperlink lengkap dengan contohnya. Semoga artikel pengertian hyperlink ini dapat benar-benar bermanfaat untuk kita semua.