リンクの遷移先ページを新しいタブで開く方法
Webサイトを閲覧していると、複数のページを同時に開きたい場合があります。例えば、商品の比較検討をする際や、調べ物をしている際に引用元を別タブで開いておきたい場合などです。このような場合に便利なのが、リンク先のページを新しいタブで開く方法です。
ショートカットキーを使って新しいタブで開く
リンク先のページを新しいタブで開く最も簡単な方法は、キーボードの「Ctrl」キーを押しながらリンクをクリックすることです。
| 操作 | 説明 |
|---|---|
| Ctrl を押しながら リンククリック | リンク先ページを新しいタブで開きます。 |
この操作は、WindowsでもMacでも共通です。Macの場合は、「Ctrl」キーの代わりに「Command」キーを使用します。
HTMLで新しいタブを開く指定をする
Webサイトを制作する際に、リンクをクリックすると新しいタブでページが開かれるように設定することもできます。これは、HTMLのa要素のtarget属性に「_blank」を指定することで実現できます。
<a href="https://www.example.com/" target="_blank">新しいタブで開く</a>
上記のように記述すると、「新しいタブで開く」というリンクをクリックすると、example.comのページが新しいタブで開かれます。
参考資料
よくある質問
Q1. Ctrlキーを押しながらクリックしても新しいタブで開かないのですが。
A1. お使いのブラウザの設定を確認してください。ブラウザによっては、新しいタブで開くためのショートカットキーが異なる場合があります。また、一部のWebサイトでは、JavaScriptなどを使って新しいタブで開く動作を無効にしている場合があります。
Q2. target="_blank"を指定しても新しいタブで開かないのですが。
A2. 一部のブラウザでは、セキュリティ上の理由から、target="_blank"を指定しても新しいタブで開かない場合があります。その場合は、rel="noopener"属性を追加してみてください。
<a href="https://www.example.com/" target="_blank" rel="noopener">新しいタブで開く</a>
Q3. スマホではどのように新しいタブで開けば良いですか？
A3. スマホでは、リンクを長押しすることでメニューが表示され、「新しいタブで開く」などの項目を選択できます。機種やブラウザによって操作方法が異なる場合がありますので、お使いの端末の説明書をご確認ください。
その他の参考記事:jquery target blank