WEBページを別タブで開く

---

新しいタブでWEBページを開くときは target="_blank" を設定します。このとき、セキュリティ的な観点などから rel="noopener" や、rel="noreferrer" をつけることが推奨されていました（両方つけるなら、rel="noopener noreferrer" とします）。これは、現状では Firefox, Safari, Chromeなどの主要ブラウザはデフォルトで noopener がつくようになった ので、ほぼ気にしなくてもよくなりました。

挙動不明なブラウザに対応したければ、念のため rel="noopener"をつけます。また、サポートが切れているIEに対応するなら rel="noreferrer" をつけます。ただし、noreferrer を設定すると、アフィリエイトや分析に影響がでます。「どこのサイトから来てるのか」という情報が伝わらなくなりますので、ご注意ください。

---

【参考】現時点で、noopener の指定が効くブラウザの一覧

https://caniuse.com/?search=noopener

Edgeもカバーされていて、現時点で 95 %程度のユーザーがカバーされています。

0019　(#HP)