Saturday, July 7, 2018

Tagging area Rel Attribute Pada Bahasa Pemrograman HTML

Tagging <area> Rel Attribute Pada Bahasa Pemrograman HTML




Tagging <area> Rel Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

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.




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments