Atribut Hyperlink

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>

• 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>

• 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>