Apakah maksud noopener tag? atribut noreferrer / kesan nofollow

label hiperpautan <a>Kod biasanya digunakan dengan atribut noopener, noreferrer dan nofollow, artikel ini akan berkongsi cara menggunakan atribut kod noopener, noreferrer dan nofollow.

Apakah maksud noopener tag?

akan target="_blank" Apabila ditambahkan pada pautan, halaman sasaran akan dibuka dalam tab baharu.

Dalam halaman yang baru dibuka, anda boleh mendapatkan objek tetingkap halaman sumber melalui window.opener, menguburkan potensi risiko keselamatan.

• Khususnya, pautan halaman web A anda sendiri, terdapat pautan halaman web B yang boleh membuka alamat pihak ketiga yang lain.
• Halaman web B memperoleh objek tetingkap halaman Web A melalui window.opener;
• Kemudian anda boleh menggunakan halaman A untuk melompat ke halaman phishing window.opener.location.href=”abc.com”, pengguna tidak perasan
• Alamatnya melonjak, dan selepas memasukkan nama pengguna dan kata laluan pada halaman ini, kebocoran maklumat berlaku.
• Untuk mengelakkan masalah di atas, rel diperkenalkan dan atribut ="noopener" ditetapkan, supaya halaman yang baru dibuka tidak boleh mendapatkan objek tetingkap halaman sumber.
• Pada masa ini, nilai window.opener adalah nol.

Jadi, jika anda ingin membuka alamat pihak ketiga dalam tab baharu, sebaiknya tambahkan kod teg rel="noopener"Atribut.

Peranan atribut noreferrer

Sama seperti noopener.

Sediakanrel="noreferrer"Selepas itu, halaman yang baru dibuka tidak boleh mendapatkan tetingkap halaman sumber untuk menyerang.

Pada masa yang sama, maklumat document.referrer tidak boleh diperolehi daripada halaman yang baru dibuka.Maklumat ini mengandungi alamat halaman sumber.

Biasanya noopener dan noreferrer ditetapkan pada masa yang sama,rel="noopener noreferrer".

Memandangkan yang kedua mempunyai fungsi terdahulu menyekat akses kepada window.opener pada masa yang sama, mengapa ia perlu ditetapkan pada masa yang sama?

Untuk keserasian, kerana sesetengah pelayar lama tidak menyokong noopener.

Peranan nofollow

Pengiraan berat halaman oleh enjin carian termasuk bilangan rujukan halaman (pautan balik), iaitu, jika halaman tersebut dipautkan oleh banyak halaman web lain, halaman tersebut akan dinilai sebagai halaman yang berkualiti tinggi.

Kedudukan dalam hasil carian akan meningkat.

Apabila menetapkan rel="nofollow", ia bermaksud memberitahu enjin carian bahawa pautan itu tidak menyumbang kepada kedudukan di atas.

• Biasanya digunakan untuk memaut tanpaSEOAlamat dalaman berperingkat (seperti pendaftaran atau pautan halaman log masuk), tidak mahu membazirkan berat eksport atau beberapa halaman berkualiti rendah.