Tagging area Rel Attribute Pada Bahasa Pemrograman HTML

Tagging <area> Rel Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sebelumnya sobat tentunya sudah pernah mempelajari tentang salah satu tag content yang digunakan pada pemrograman HTML yaitu <area>, yang mana ia dapat difungsikan sebagai addressing tag dan dapat mengarahkan seorang pengunjung yang sudah mengklik gambar untuk memproses atau mengarahkan pengunjung ke halaman yang lainnya.

Tak hanya itu saja, ternyata pada tag <area> memiliki fitur lainnya yang dapat berguna untuk menghubungkan antara fungsi halaman lama dengan halaman yang ditakutkan.

Attribute ini bernama Rel dan bekerjasama dengan <area> yang berguna untuk menentukan Rel apa yang digunakan oleh pengunjung sebelum mereka benar-benar mengakses tautan yang sudah disertakan.

Seperti apakah fungsi dari Atribut Rel pada tag Area pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Rel - pada umumnya fungsi ini memang tidak dapat dilihat oleh kasat mata, akan tetapi metode ini dapat membantu pengunjung ketika mereka ingin mengeklik tautan yang sudah anda sertakan. sebagian dari metode yang dimiliki atribut ini memiliki peran penting untuk membentuk keyword serta kepercayaan sistem pencarian kepada website anda.

Untuk menggunakan atribut ini wajib sekali untuk menyertakan atribut " href " karena untuk mengarahkan pengunjung ke dalam halaman lainnya.

Syntax :

<area rel="value">

Penerapan Syntax :

• Attribute Rel Nofollow

<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://3.bp.blogspot.com/-TmynqthXq3Q/WyoZWt7Rz5I/AAAAAAAAD8Y/sGMM3k2LkzQXMgaut5cV5GaqYvx2HBf7QCLcBGAs/s1600/planets.gif" alt="Planet" usemap="#mapping">
 <map name="mapping">
  <area shape="rect" coords="0,0,82,126" href="https://1.bp.blogspot.com/-ErP_ApaGk8I/WyoZW6B3UwI/AAAAAAAAD8c/vW0N-A8yPZUJLFY26eupIhct8pwgtRomwCLcBGAs/s1600/sun.JPG" alt="Matahari" rel="nofollow" >
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius" ref="nofollow" >
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/s1600/venus.JPG" alt="Venus" ref="nofollow" >
 </map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>

• Attribute Rel Author

<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://3.bp.blogspot.com/-TmynqthXq3Q/WyoZWt7Rz5I/AAAAAAAAD8Y/sGMM3k2LkzQXMgaut5cV5GaqYvx2HBf7QCLcBGAs/s1600/planets.gif" alt="Planet" usemap="#mapping">
 <map name="mapping">
  <area shape="rect" coords="0,0,82,126" href="https://1.bp.blogspot.com/-ErP_ApaGk8I/WyoZW6B3UwI/AAAAAAAAD8c/vW0N-A8yPZUJLFY26eupIhct8pwgtRomwCLcBGAs/s1600/sun.JPG" alt="Matahari" rel="author" >
  <area shape="circle" coords="90,58,3" href="https://1.bp.blogspot.com/-VKxEyUV-284/WyoZWlTclzI/AAAAAAAAD8U/l773nn2xB5k76g5mQ1guiJ9NTRWJiQpZwCLcBGAs/s1600/mercur.JPG" alt="Mercurius" ref="author" >
  <area shape="circle" coords="124,58,8" href="https://1.bp.blogspot.com/-LBp015VoBIQ/WyoZXu9bI9I/AAAAAAAAD8g/_3INUeAEBW4UvF8B0Ni_pN21icmLWtZmgCLcBGAs/s1600/venus.JPG" alt="Venus" ref="author" >
 </map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>

Value Atribut Rel Lainnya :

No.	Value	Fungsi
1	alternate	Berfungsi untuk menerapkan kepada pengunjung untuk menuju kedalam halaman alternatif(selain halaman website yang sama).
2	author	Mendeklarasikan bahwa link adalah menuju kepada pembuat konten halaman.
3	bookmark	Untuk mengingat alamat secara permanen kepada browser.
4	ekternal	Berfungsi untuk menetapkan bahwa sumber konten didapat dari website luar atau selain dari website yang sama.
5	help	Mendeklarasikan bahwa link menunjukan kepada halaman bantuan.
6	license	Mendeklarasikan bahwa link menuju kepada halaman yang memiliki konten hak cipta.
7	next	Membawa pengunjung kepada dokumen selanjutnya.
8	nofollow	Ini berguna untuk mencegah robot laba-laba sistem mesin pencari perayap merayapi tautan secara langsung.
9	noreferrer	Mendeklarasikan supaya browser tidak mengirim HTTP Header kepada link yang ditautkan apabila pengunjung sudah mengikuti link alis mengeklik.
10	noopener	Mengharuskan agar semua konteks penelusuran yang dibuat dengan mengikuti hyperlink tidak boleh memiliki konteks penelusuran pembuka.
11	prev	Untuk kembali kepada dokumen sebelumnya.
12	search	Tautan ke alat pencarian untuk dokumen.
13	tag	Berguna untuk mendeklarasikan(kata kunci) untuk dokumen saat ini.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <area> Tagging ?
Klik disini : Tagging <area> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <area> Rel Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> Rel HTML.
Sekian dan terimakasih.