コーディング知識

【HTML5】リンクの開き方

忘備録として書いておきます。

そのままのタブで開かせる方法

今開いているタブでそのまま開かせたい場合、例えば

→詳細はこちらから

というリンクを作りたい場合は

<p>
<a href="ここにリンクしたいURLを入力">→詳細はこちらから</a>
</p>

と書けばいい。

新規タブ(別タブ)で開かせる方法

今度は別タブで開きたい場合に

→詳細はこちらから

というリンクを作りたいとき、

<p>
<a href="ここにリンクしたいURLを入力" target="_blank" rel="noopener">→詳細はこちらから</a>
</p>

と書けばいい。

別タブで開きたいときはtarget="_blank"だけを入れればいいという認識は2019年8月まで。

これだけだと脆弱性があるので、rel="noopener"も追加し、target="_blank" rel="noopener"を付与して対策するのです。

まとめ

今はさらっとした忘備録に留めておきます。

では(^O^)/

-コーディング知識
-

© 2018 パソジユ!All Rights Reserved.