リンク先のを別タブで表示させる方法

はじめに

外部リンクを貼り付ける際
リンクから飛ぶと戻るのがめんどくさい！
他のサイトを見ると、別タブに表示してくれる
そっちの方が都合が良いと言うことで、
今回はそのことに付いて書いて行きます😊

参考サイト

実装

target: :_blankと言うのをaタグなりlink_toに記載します

<%= link_to "SNS", "#",target: :_blank ,class: "burger-nav-link" %>

こちらでも別タブで表示してはくれます。
ですが、いくつかサイトを見ると 悪用 フィッシング詐欺などと
強めのワードが目につきます。

そこでrel: "noopener noreferrer"
をつけると大丈夫みたいで。

<%= link_to "SNS", "#",target: :_blank, rel: "noopener noreferrer",class: "burger-nav-link" %>   

これで対策できました！　笑

終わりに

些細なことでも疑問に思った点
解決した点など更新して行きます🤗