Apa Fungsi Atribut rel="noreferrer" Pada Elemen Link HTML?

Dibuat
·
Dilihat10 kali
0

Saya sering melihat beberapa kode HTML ketika membuat elemen link (a) seringkali menyertakan atribut rel="noreferrer", apa fungsi dari atribut tersebut? Apakah saya harus selalu menambahkan atribut tersebut saat membuat link atau tidak perlu?

1 Jawaban
0

Link yang memiliki atribut rel="noreferrer" akan mencegah browser menyertakan HTTP Header Referrer ketika diklik, dengan cara ini situs yang dirujuk dalam link tidak akan mengetahui asal atau situs yang merujuk. Ketika menggunakan atribut ini perilaku atribut rel="noopener" juga berlaku meskipun tidak ditentukan secara eksplisit.

Misalnya jika tautan yang kita buat berada di halaman dengan URL https://webku.com/hello-world, dan link nya adalah seperti dibawah (tanpa rel="noreferrer"):

<a href="https://weborang.com">weborang</a>

Ketika link tersebut diklik, browser akan menavigasi ke situs https://weborang.com sambil menyertakan HTTP Header Referrer seperti berikut:

Referrer: https://webku.com/hello-world

Karena menyertakan HTTP Header Referrer, pemiliki situs https://weborang.com dapat mengetahui asal pengunjung berdasarkan header tersebut.

Dengan menambahkan rel="noreferrer" browser tidak akan menyertakan HTTP Header Referrer, sehingga pemilik situs https://weborang.com tidak akan mengetahui dari mana asal pengguna.

Tidak ada keharusan untuk menggunakan atribut noreferrer, setelah mengetahui fungsinya kita bisa menggunakannya sesuai kebutuhan.

Dibuat
Tampilkan jawaban lainnya

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!