rel="noopener"とは | iPad日記

iPad日記

とあるiPadユーザーの日記ブログです。
(最近、内容はiPadと関係ないことばかりになっています)

自分もよくやっているのですが。

 

リンクを貼ったとき、リンク先を別ウィンドウで開くようにするHTMLの記述があります。

 

<a href="リンク先URL" target="_blank">リンク先</a>

 

ってやつです。

 

これには、セキュリティ上の脆弱性があるそうな。

 

リンク先ページにJavascriptで、window.opener・・・という記述があると、悪さができるよう。

 

リンク元サイト(A) 

  ↓

リンク先サイトが別ウィンドウで開く

  ↓

window.opener・・・により、元ウィンドウ(A)が別のURLになってしまう!

 

といったことが起こりえるみたいです。

 

これを防ぐには、

target="_blank"を書かない

rel="noopener"を加える

という対処方法があるよう。

 

<a href="リンク先URL">リンク先</a>

にするか、

<a href="リンク先URL" target="_blank" rel="noopener">リンク先</a>

とするか、です。

 

noopener は、ヌーピナーではなく、no opener(ノー オープナー)ですな。

 

window.openerを無効にせよ、とか、無視せよといった意味なんじゃないかと。