![JOKAM INFORMATIKA [OFFICIAL]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8ME4zeTkAWYPlFPVC4ywAKwF3zE4EWYj0gvTxSvG3Ov72uofdw3F-hmJ99uPda5NE7CaO7hrf00574Oh9xcbJIfR6YK5Wc6mkbpVnDzK7ZYPX-ju9XBxfEO1-yjKfbm-7TOFRlo_TqWS/s336/JOKAM+INFORMATIKA.png)
Tagging <area> Target 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 yan sudah terseleksi untuk memproses atau mengarahkan pengunjung ke halaman yang lainnya.
Tak hanya itu saja, ternyata pada tag <area> memiliki fitur lainnya yang dapat berguna untuk membentuk sebuah halaman khusus yang berguna untuk menampilkan sebuah halaman tersebut, halaman tersebut bisa berupa halaman yang berkaitan ataupun halaman baru pada browser.
Attribute ini bernama Target dan bekerjasama dengan <area> yang berguna untuk mendeklarasikan bagaimanakah cara pengunjung dapat melihat konten yang akan dilihatnya pada tab browser.
Simak ulasan berikut ini untuk mengetahuinya,
Target - adalah salah satu metode dalam bahasa pemrograman HTML untuk menentukan sebuah target tab(tempat halaman) yang berguna untuk menjadi wadah konten agar pengguna dapat membaca ataupun melihat konten secara langsung pada browser mereka. Nah, target sendiri berfungsi untuk menentukan di bagian manakah konten ditempatkan. Pada opsinya, target memiliki 3 cara yakni untuk berjalan di tab baru, tab frame yang berbeda atau tab yang sama.
Memang fungsinya sangat sederhana akan tetapi metode ini sangat di butuhkan bagi seorang administrator website agar halaman pada website miliknya saat di klik bagian tertentu akan melakukan proses target tab tertentu yang mana metode tersebut bertujuan agar pengunjung tidak kehilangan jejak halaman sebelumnya yang dirasa penting dan berkaitan dengan tab baru.
Tak hanya itu saja, ternyata pada tag <area> memiliki fitur lainnya yang dapat berguna untuk membentuk sebuah halaman khusus yang berguna untuk menampilkan sebuah halaman tersebut, halaman tersebut bisa berupa halaman yang berkaitan ataupun halaman baru pada browser.
Attribute ini bernama Target dan bekerjasama dengan <area> yang berguna untuk mendeklarasikan bagaimanakah cara pengunjung dapat melihat konten yang akan dilihatnya pada tab browser.
Seperti apakah fungsi dari Atribut Target pada tag Area pada HTML ?
Simak ulasan berikut ini untuk mengetahuinya,
Target - adalah salah satu metode dalam bahasa pemrograman HTML untuk menentukan sebuah target tab(tempat halaman) yang berguna untuk menjadi wadah konten agar pengguna dapat membaca ataupun melihat konten secara langsung pada browser mereka. Nah, target sendiri berfungsi untuk menentukan di bagian manakah konten ditempatkan. Pada opsinya, target memiliki 3 cara yakni untuk berjalan di tab baru, tab frame yang berbeda atau tab yang sama.
Memang fungsinya sangat sederhana akan tetapi metode ini sangat di butuhkan bagi seorang administrator website agar halaman pada website miliknya saat di klik bagian tertentu akan melakukan proses target tab tertentu yang mana metode tersebut bertujuan agar pengunjung tidak kehilangan jejak halaman sebelumnya yang dirasa penting dan berkaitan dengan tab baru.
Berikut ini merupakan cara penerapannya :
NB : Untuk menggunakan fitur ini tentunya anda harus mendeklarasikannya bersama dengan atribut href agar dapat bekerja secara umum.
Syntax :
<area href="URL" target="value">
Penerapan Syntax :
<p>Klik salah satu planet untuk melihat salah satu dari ketiga gambar planet sepenuhnya pada gambar dibawah ini :</p>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvN1WzfrvO8tHrYl57PUx9HiXVWSmYNs35Qjm8GYHbHcXPAGLgEdIzM3NdOcQWdm_Wej9yak-kxnw9QAxwiQgeu7W5kfrOg0Kyk-ZyJmgJ3x_Y6kPzAyVzQjy_nU1uqjhyphenhyphenMuiuIQ7XCO53/s1600/planets.gif" alt="Planet" usemap="#mapping">
<map name="mapping">
<area shape="rect" coords="0,0,82,126" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenbf_QBkFjzaG7CDGNMW1OmQv8DGNAvqrXzakF8GfBMFHNhuWbxrXwU_WbiDWVU8GOhFA3CaL-xeY845utfvgAcSjhGIU9yi4LvBVla5xnLWbMjbvvsgDn07OlIBhMVvC28HiFR7Bh4gc/s1600/sun.JPG" alt="Matahari" target="_blank">
<area shape="circle" coords="90,58,3" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBdnBBMCgQR8NZFZSwMpiqmHtRCaGsOXpvpUCZx2ApKUgUgU5I5H8EaZZweE2JJXc1I0S6OFOkhBTm3aBbTMGgaHlziBXybkHGmn6VUeZ2YcsTWLzO17R3rjHSY8Owlh9nWAZAnIXvNZ_/s1600/mercur.JPG" alt="Mercurius" target="_blank">
<area shape="circle" coords="124,58,8" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhichw66maBfILpIhew03RQ_oH4x43-tjRY_UKtCkIHStVp8ZtxugP2uC5qc1DSM7r6BUwiboapFI9kUr8W1bl0kTaxF4UPoNze53mtdhN6RyPuptOWG49c9YXOFOMyhKx7IVxY0mvQsiEs/s1600/venus.JPG" alt="Venus" target="_blank">
</map>
<p><b>Catatan : </b>Atribut Koordinat ini hanya dapat didukung oleh browser Mozilla Firefox dan Opera Browser.</p>
Keterangan : Ketika gambar salah satu planet di klik maka yang terjadi adalah browser akan membuka tab baru untuk mengakses atau menampilkan gambar yang di maksud.
Value Target :
|
|
|
1
|
_blank
|
Berfungsi agar ketika pengunjung mengeksekusinya maka akan terbuka tab baru pada browser dengan isi konten yang terkait dengan alamat.(New tab) |
2
|
_self
|
Berfungsi agar ketika pengunjung mengeksekusinya maka akan terbuka pada tab yang sama ketika mengeksekusinya(default).(Same tab) |
3
|
_parent
|
Berfungsi agar ketika pengunjung mengeksekusinya maka akan terbuka pada tab induk ketika mengeksekusinya.(Same tab) |
4
|
_top
|
Berfungsi agar ketika pengunjung mengeksekusinya maka akan terbuka pada tab full serupa.(Same tab) |
5
|
framename
|
Berfungsi agar ketika pengunjung mengeksekusinya maka akan terbuka pada tab baru yang memiliki frame yang berbeda dengan frame awal terjadinya eksekusi, namun jika sudah ada frame yang sama maka ia hanya tinggal memuat ulang frame yang mirip dengan frame miliknya.(Frame) |
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> Target Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <area> Target HTML.
Sekian dan terimakasih.
