別ウィンドウでリンクを開く方法
ユーザーがリンクをクリックした時、新しく別ウィンドウを開いてリンク先に移動してもらうには、a要素に、target="_blank"
を付けて下さい。
サンプルコード
<a href="https://syncer.jp/" target="_blank">リンク</a>
デモ
常に新しいウィンドウ
target属性に"_blank"
を指定することで、常に新しくウィンドウを開きます。
<!-- このコードは編集できます。 -->
<a href="https://syncer.jp/" target="_blank">リンク</a>
任意のウィンドウを指定
target属性に任意の名前を指定すると、新しく開くウィンドウにその名前が付きます。既にtarget属性に指定した名前のウィンドウが存在していれば、新しいウィンドウは開かれません。リンク1を開いたまま、リンク2をクリックしてみましょう。
<!-- このコードは編集できます。 -->
<p><a href="https://syncer.jp/" target="syncer">リンク1</a></p>
<p><a href="https://syncer.jp/" target="syncer">リンク2</a></p>
関連記事
- 数値の入力フォームを作る方法
- ユーザーが数値を入力しやすいフォームを作成します。
- 検索エンジンにインデックスさせない方法
- 検索エンジンにコンテンツをインデックスさせないためには、専用のmeta要素を追加します。
- 電話番号にリンクが自動で付くのを防ぐ方法
- スマホで電話番号に自動でリンクが付くのを防ぎます。
- 安全に外部サイトにリンクする方法
- 100%、信用のできない外部サイトにリンクをする時は、rel属性にnoopenerを指定しておきましょう。
- ol要素の番号を変更する方法
- ol要素でリストを作る時、例えば番号を逆順にしたり、途中の番号を飛ばしたりします。