html a タグで target="_blank" を使うときは、rel="noopener" をつける

パフォーマンス改善 他のページがあなたのページと同じプロセスで実行されている可能性があります。 他のページがJavaScriptを大量に実行している場合、あなたのページのパフォーマンスが低下する可能性があります。 セキュリティ対策 他のページは、window.opener プロパティを使用してウィンドウ オブジェクトにアクセスできます。 これにより、他のページがあなたのページを悪意のある URL にリダイレクトする可能性があります。 リンク先が悪意のあるサイト、またはハッキングされている場合などに、window.openerを用いてリンク元が操作されてしまう可能性がある Refs Links to cross-origin destinations are unsafe - Chrome Developers https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/?hl=ja リンクのへの rel=noopener 付与による Tabnabbing 対策 | blog.jxck.io https://blog.jxck.io/entries/2016-06-12/noopener.html rel=“noopener noreferrer"の意味とアフィリエイト広告への影響 - WEBST8のブログ https://webst8.com/blog/rel-noopener-noreferrer/

2023-08-02 ·  2023-08-18 · 1 分 · 35 文字