Fungsi dari Beberapa Atribut atau Karakter dalam Link

Fungsi dari Beberapa Atribut atau Karakter dalam Link - Kali ini saya akan membahas beberapa fungsi dari atribut atau karakter dalam suatu link setelah kemarin saya membagikan Cara Membuat Link ke Bagian Tertentu dalam Satu Halaman.

Atribut sendiri adalah suatu informasi tambahan yang menyertai suatu elemen html, dan berada pada tag awal. Dalam suatu link biasanya terdapat beberapa atribut yang menyertainya contonya: href, title, alt, rel, target dan masih banyak lainnya. Format penulisan atribut pada suatu tag biasanya dituliskan seperti ini: 

<tag atribut1="value" atribut2="value" ...> dan ditutup dengan end tag </tag>

Kita lihat format di atas, tag adalah tag yang sedang digunakan misalnya tag untuk membuat link maka menggunakan tag <a> dan diakhiri </a>, atribut adalah nama dari atribut yang sedang dipakai, sedangkan value adalah nilai dari atribut tersebut. Nilai suatu atribut harus selalu dimulai dan ditutup dengan tanda petik ("...").

Pada kesempatan kali ini saya hanya akan membahas beberapa atribut penting yang sering digunakan dalam blog/website :

1. Href

Atribut href biasanya digunakan berdampingan dengan tag <a> fungsinya adalah untuk membuat sebuah link. Href sendiri berfungsi untuk mengarahkan atau mengalihkan link ke alamat tujuan yang diletakkan di bagian value.

Contohnya seperti ini:

<a href="http://freewelkin.blogspot.com">teks anda</a>

2. Title

Fungsi dari attribut title adalah untuk memberikan keterangan dalam sebuah link dan muncul dalam bentuk tool tip. Title akan muncul jika mouse diarahkan di atas link tersebut.

Berikut contoh penggunaan dari atribut title:

<a href="http://freewelkin.blogspot.com" title="Kumpulan tutorial blog, tips dan trik pc, internet, windows, games, dan tutorial teknik edit dengan photoshop">Blog Freewelkin</a>

Dan hasilnya akan seperti link dibawah, silahkan arahkan mouse anda di atas link.

Blog Freewelkin

3. Alt

Biasanya atribut yang satu ini di pakai untuk sebuah gambar. Fungsi dari atribut alt adalah untuk memberikan deskripsi link atau gambar kepada search engine, berbeda dengan atribut title karena title digunakan untuk memberikan deskripsi kepada pembaca bukan untuk search engine. Selain itu alt digunakan untuk optimasi gambar agar lebih SEO-Friendly.

Agar lebih mudah membuat link tanpa kode html anda bisa baca : Cara Mudah Membuat Link Teks dan Gambar Tanpa kode HTML

Contoh penggunaan nya adalah sebagai berikut:

<a href="http://freewelkin.blogspot.com/"><img alt="Indahnya Selalu Berbagi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAS4HBWrbFJnMe2ufWblWgo36TiKG8XfVGC3bDM0nzt_lyujd6OJSmr7x-zVijHrJSJIgGLD0TbgV6MrkeKIutT7bc2uMr6AUGcvfd02hsG9_bTlOIS8yipZrnmdZPOnOjr9Ppf0PqLvN2/s1600/Windows-10-Logo.jpg" /></a>

4. Rel

Digunakan untuk menyatakan hubungan halaman dengan link yang di tuju. Sebenarnya ada banyak value yang digunakan pada atribut rel, namun perintah yang paling umum digunakan adalah rel="nofollow". Fungsi dari rel="nofollow" adalah memberikan perintah pada search engine agar tidak mengikuti atau menelusuri link yang mengarah ke luar dari blog kita, selengkapnya tentang rel="nofollow" anda bisa membaca pusat bantuan webmaster.

Contoh penggunaan nya seperti di bawah ini:

<a href="http://freewelkin.blogspot.com" rel="nofollow">Blog Freewelkin</a>

5. Target

Fungsi dari atribut ini adalah untuk memberikan perintah kepada browser agar menampilkan halaman web atau blog ke tempat yang telah di tentukan. Secara default jika tidak menggunakan atribut target, browser akan membuka link pada window/tab yang sama. Misalnya kita menambahkan perintah target="_blank" pada suatu link, maka jika kita klik link tersebut  akan terbuka pada window.atau tab baru pada browser.

Contoh dalam penulisan nya sepert di bawah ini:

<a href="http://freewelkin.blogspot.com" target="_blank">Blog Freewelkin</a>

Hasilnya akan seperti ini:

Blog Freewelkin

Baik itulah tadi penjelasan singkat saya tentang Fungsi dari Beberapa Atribut atau Karakter dalam Link, semoga dapat dimengerti dan bermanfaat. Jika anda memiliki kritik, saran atau pertanyaan mengenai artikel di atas jangan sungkan-sungkan untuk meninggalkan komentar anda pada kotak komentar yang telah disediakan di bawah.

Terimakasih. Wassalam.