SYNCERのロゴ
アイキャッチ画像

別ウィンドウでリンクを開く方法

ユーザーがリンクをクリックした時、新しく別ウィンドウを開いてリンク先に移動してもらうには、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>
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月21日 (水)
コンテンツを公開しました。