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について発信
この記事が気に入ったらサポートをしてみませんか？