web-dev-qa-db-ja.com

HTMLリンク:noopener vs noreferrer

外部リンクにrel = "noopener noreferrer"を含めることのメリットについて学んでいます。

これらの2つの属性値の違いは何ですか?

2
Manngo

rel="noopener"は、リンクをクリックして新しいウィンドウが作成されたときに、新しいウィンドウで実行されている悪意のあるJavaScriptコードがwindow.opener属性を介して以前のウィンドウにアクセスしないように使用されます。

rel=noreferrerは、ユーザーがハイパーリンクをクリックして新しい場所に転送されたときに、リファラー情報がリンク先に漏洩しないようにするために使用されます。つまり、そのユーザーがいつから来たかを宛先が知ることはできません。

here とリファラーなし here の両方に関する詳細情報を見つけることができます。