Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
atribut target pada elemen link
sebelumnya saya sudah mencari referensi dari internet, tapi masih bingung tentang fungsi dari ketiga nilai ini pada atribut target
_parent
_top
dan
framename
. saya sudah coba utak-atik nilai tersebut tapi menurut saya hasilnya sama saja seperti nilai
_blank
dan
_self
. saya minta bantuannya nih fungsi ketiga nilai tersebut seperti apa menurut pemahaman kalian
1 Jawaban:
Jawaban Terpilih
oke saya baru nemu jawabannya dari stackoverflow ([link] https://stackoverflow.com/questions/18470097/difference-between-self-top-and-parent-in-the-anchor-tag-target-attribute [/link]).
saya coba berbagi ke sini apa yang selama ini saya pahami tentang atribut target pada link html berdasarkan beberapa referensi dan pemahaman saya. tapi jika ada salah mohon maaf & tolong bantu koreksi.
nilai atribut target sejauh ini yg saya ketahui ada 5
<pre> <a href="link" target="_self">penamaan link</a> </pre> untuk membuka link di frame link itu berada. ini merupakan setelan dasar link jika pada elemen link tidak diberi atribut target
<pre> <a href="link" target="_blank">penamaan link</a> </pre> untuk membuka link di tab baru
<pre> <a href="link" target="_parent">penamaan link</a> </pre> untuk membuka link di frame yang satu tingkat di atas frame link tersebut berada. secara simple-nya begini : jika di website(1) di dalamnya ada website(2) lalu di website(2) ini ada link dan kita klik, maka link akan terbuka di website(1)
<pre> <a href="link" target="_top">penamaan link</a> </pre> untuk membuka link di frame paling atas (paling luar). secara simpel-nya : jika di website(1) di dalamnya ada website(2) lalu di website(2) di dalamnya ada website (3) lalu di website (3) ini ada link dan kita klik, maka link akan terbuka di website(1)
<pre> <a href="link" target="framename">penamaan link</a> </pre> untuk membuka link di frame yg kita pilih secara simpel-nya: jika di website(1) di dalamnya ada website(2), website(3), website(4), dan seterusnya. terus kita taro link di website(1) dan kita perintah link tersebut terbuka di frame website(3) lalu kita klik linknya, maka link akan terbuka di frame website(3)
untuk secara prakteknya coba kunjungi 2 link ini
[link] https://w3schools.com/html/tryit.asp?filename=tryhtml_links_target [/link]
[link] https://w3schools.com/html/tryit.asp?filename=tryhtml_links_target_top [/link]
bandingkan perbedaannya antara "_self" dan "_top" ketika link di-klik
untuk nilai target "framename" saya coba-coba pake <iframe> beberapa detik berhasil ditampilin 3 frame dalam 1 frame, lalu setelahnya langsung otomatis menuju ke link pertama padahal saya belum klik link yang saya buat di elemen link, entah kenapa mungkin saya yg masih kurang paham tentang HTML5 dan frame atau memang cara kerjanya sudah berubah untuk HTML5
<pre> <!DOCTYPE html> <html> <head> </head> <body> <iframe src="https://www.1cak.com" name="A"><p> This my first iframe</p></iframe> <iframe src="https://www.beritagar.id" name="B"><p> This my second iframe</p></iframe> <iframe src="https://www.tirto.id" name="C"><p> This my third iframe</p></iframe> <a href="https://www.9gag.com" target="B"></a> </body> </html> </pre>