HTML

aタグのtarget="_blank"でリンクが開かない

ポップアップブロッカーに止められている

こんな症状

target="_blank"を付けたのに新しいタブが開かない。ブラウザの設定やJSからの呼び出しが原因だよ。

まず試す

href に正しいURLが入っているか確認し、rel="noopener noreferrer" を付ける。

html

<a href="https://example.com" target="_blank" rel="noopener noreferrer">リンク</a>

これで直らなければ、下の「自分のケース」を確認。

✓href が # や空になっている
→ 遷移先がない。正しいURLを href に入れる。
✓JSの window.open() がブロックされる
→ クリックイベントの中で window.open() を呼ぶ（ユーザー操作なしだとブロックされる）。
✓セキュリティ警告が気になる
→ rel="noopener noreferrer" を付ける。

ブラウザのポップアップブロッカーが新しいタブの表示を止めている場合があるよ。特にJavaScriptのwindow.open()はユーザー操作なしだとブロックされやすいんだ。また、href属性が空や"#"だとリンク先がないため遷移しないよ。

✕ エラーが起きるコード

<a href="#" target="_blank">リンク</a>
<!-- href が # なので遷移しない -->

✓ 直したコード

<a href="https://example.com" target="_blank" rel="noopener noreferrer">リンク</a>
<!-- 正しい URL を指定 -->

リンクをクリックして新しいタブで目的のページが開けばOK。

ブラウザのポップアップブロック設定でこのサイトが許可されているかも確認しよう。

この解決法は役立ちましたか？

🚀 HTMLコースで基礎を学ぼう！

エラーの原因を根本から理解するには、基礎を体系的に学ぶのが近道です。完全無料・登録不要。