HTMLのリンク<a>をマスターする

リンク<a>の使い方

次の2通りの使い方をまとめます。

• 同じタブ内で、ページを遷移する
• 新規タブとして、ページを開く

同じタブ内でページを遷移する

sample-01.html

<a href="/public/login.php">ログイン</a>

新規タブでページを開く

sample-02.html

<a href="abc.php" target="_blank" rel="noopener noreferrer">新規タブ</a>

セキュリティ対策として、rel属性にnoopener noreferrerを加えること。