見出し画像

target="_blank"より、target="_new"をおすすめするわけ。注意点と脆弱性も。

リンクタグを使用する際、みなさんはtarget="_blank"を使用していますか?
意外と【target="_new"】について知らないことも多いんじゃないでしょうか??

この記事を読んで今後【target="_blank"】を使用するか、【target="_new"】を使用するかを考えてみるのもいいかもしれません。
また、使用する際の注意点もございますので、最後まで読むのをおすすめします。

target=”_new”とは?

説明

target=”_new”はリンクタグに設定し、新しいタブでリンクを開くように設定します。

対応ブラウザ

Chrome, Edge, Firefox, nternet Explorer, Opera, Safariに対応しています。

target="_blnak"との違い

target=”_blank”は押した数だけタブやウィンドウが開くのに対し、target=”_new”は2回目以降は同じタブが読み込まれます。

タブを何個も増やしたくないという人にはtarget=”_new”が良さそうです。

脆弱性について

ご存知の方も多いかと思うのですが、target="_new"にはtarget="_blank"と同様に問題点があります。
詳しくはこちら

使用する際には、[rel="noopener noreferrer"]も一緒に使用しなければなりません。

使い方

target="_new"を使用する際

<a href="リンク先のURL" target="_new" rel="noopener noreferrer">新しいタブで安全に開きます</a>

target="_blank"を使用する際

<a href="リンク先のURL" target="_blank" rel="noopener noreferrer">新しいタブで安全に開きます</a>

まとめ

個人的にはtarget="_new"が好みですが、人それぞれだと思うので、ぜひ一度使用してみてください。
何かご不明点、おかしな点あればご連絡ください。

これ以外にもShopifyテーマのLiquidでのカスタマイズを今後もnoteに投稿していくので、フォローといいねしていただけるとうれしいです。

また、Shopifyの独自のカスタマイズやテーマ開発などのご依頼ございましたら、TwitterのDMよりお待ちしております。

あわせてお読みください

自己紹介

エンジニア経歴

2019.08〜2020.08 カレント自動車株式会社IT事業部インターン
2020.08〜 フリーランスとして数社の業務委託とShopifyエンジニア, Webエンジニアとして活動
2021.08〜 僕と私と株式会社 Shopify事業部責任者
2022.01〜 石垣島に僕と私と株式会社グループのEC制作会社設立 (代表)

その他経歴

2021  電動キックボード日本一周
     雑誌「BICYCLE JAPAN」7月号掲載
     渋谷大型スクリーンCM「SWALLOW」出演

SNS

TikTok
85,000フォロワー(2021.09時点)
主に旅について発信

Instagram
11,000フォロワー(2021.09時点)
主に旅と生活について発信

Twitter
旅とShopifyについて発信


この記事が気に入ったらサポートをしてみませんか?