HTMLでリンク(a href)を新しいブラウザタブで開く方法
ブラウザの新しいタブ(またはウィンドウ)でリンクを開きたい場合は、HTMLのアンカー要素(<a>)に target 属性を追加するだけです。
href 属性にリンク先のURLを指定するのと同じように、target 属性にも特定の値を設定する必要があります。この値が _blank です。これを指定すると、リンクをクリックした際に新しいタブでページが開くようになります。
新しいタブでリンクを開く具体例
たとえば、techstacker のトップページを新しいタブで開くリンクは次のように作成します。
上記の例で使用しているHTMLコード:
<a href="https://techstacker.com" target="_blank" rel="noopener">Techstacker.com へ移動</a>
rel="noopener" を一緒に指定しよう
target="_blank" を使う場合は、セキュリティとパフォーマンスの観点から rel="noopener"(または rel="noreferrer")を併記するのがベストプラクティスとされています。これにより、リンク先のページが window.opener を通じて元のページを操作できるようにする「リバースタブナビング」と呼ばれる攻撃を防ぐことができます。
やり方はとてもシンプルです。それでは、快適なリンクライフをお楽しみください!
-
任意のブラウザでマグネットリンクを開く方法【Chrome・Edge・Firefox対応】
マグネットリンクは長年にわたり、主要なWebブラウザの標準機能として定着してきました。Torrentファイルをダウンロードするユーザーにとって、その利便性は非常に大きいものがあります。しかし、マグネットリンクとは一体何なのでしょうか?どのように設定し、開けばよいのでしょうか?また、リンク先のプログラムを変更するにはどうすればいいのでしょうか?本記事では、これらすべての疑問にお答えします。注意:マグネットリンクを使用するには、Vuze、uTorrent、qBittorrent、TransmissionなどのTorrentクライアントが別途必要です。マグネットリンクとは?まず基本から押さえておきま
-
Google検索結果を自動的に新しいタブで開く設定方法
Google検索を使えば、ほとんどあらゆる情報を見つけることができます。しかし、情報量が多すぎて、かえって混乱してしまうこともあります。検索結果のリンクを開き、そこからさらに別のリンクをたどり、また次のページへ…と進んでいくうちに、最初に何を調べていたのか分からなくなってしまった経験はありませんか。 そんな「迷子」を防ぐために便利なのが、検索結果のリンクをクリックしたときに、自動的に新しいタブで開くように設定する方法です。この記事では、その設定手順をわかりやすく解説します。 Google設定でリンクを常に新規タブで開く方法 まず、お使いのブラウザでGoogleのトップページにアクセスします