Aku ingin sebuah link di websitenya membuka halaman di tab baru saat diklik. Apa atribut yang harus ditambahkan pada tag link agar bisa melakukan itu?
Untuk membuat link di website membuka halaman di tab baru, tambahkan atribut target="_blank" pada tag <a>. Contohnya:
html
<span class="hljs-tag"><<span class="hljs-name">a</span></span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://www.example.com"</span> <span class="hljs-attr">target</span>=<span class="hljs-string">"_blank"</span>>Kunjungi Example<span class="hljs-tag"></<span class="hljs-name">a</span></span>>
Jika ingin lebih aman (agar tidak rentan terhadap serangan keamanan seperti reverse tabnabbing), tambahkan juga rel="noopener noreferrer":
html
<span class="hljs-tag"><<span class="hljs-name">a</span></span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://www.example.com"</span> <span class="hljs-attr">target</span>=<span class="hljs-string">"_blank"</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">"noopener noreferrer"</span>>Kunjungi Example<span class="hljs-tag"></<span class="hljs-name">a</span></span>>
Atribut noopener mencegah halaman baru mengakses window.opener, sedangkan noreferrer mencegah referer dikirim ke halaman tujuan.