More than 3 years have passed since last update.

リンクを別タブで開く

Last updated at 2022-05-06Posted at 2022-05-06

以下をaタグに追記する

target="_blank" rel="noopener noreferrer"

「target="_blank"」で別タブで開くが
「rel="noopener noreferrer"」を追記することで
「別タブで開いたWebサイトに万が一、悪意のあるプログラムが書かれていても安心」

対応できたが、詳細が理解できていないので調べる

ホバーでリンク変わる記述

&:hover {
   opacity: 0.6;
}