target="_blank" rel="noopener noreferrer" ｜はてなブログ

はてなブログを書く時、「HTML編集」でリンク先を新ウィンドウを開くための target="_blank" を追加すると、自動で rel="noopener noreferrer" が追加されるようになっていました。

なぜかと思って調べてみたら、ただ target="_blank" とだけ書いて新しいウィンドウを開いた場合、その新しいウィンドウのリンク先のjavascript から元のページを操作できてしまうのだそうだ。

過去記事をいくつか調べてみたら、いずれも自動で修正されていました。

情報元のリンクを載せることが多いので、「編集見たまま」で文章を書いた後に、「HTML編集」で<a>〜</a>タグに手動で target="_blank" を追加していました。

これからは、手動で追加する場合は target="_blank" rel="noopener noreferrer" と書くようにしましょう。

はてなブログの中では、こちらが分かりやすかった。

pelicanmemo