リンク[aタグ]を新規タブで開かせる方法 (HTMLのtarget属性の書き方)
リンク[aタグ]を押した時に新規タブで開くようにするプログラムの書き方は?
よく目にする以下のようなリンクをクリックすると、新しいタブが開く機能のプログラムの書き方を紹介します。
新規タブのリンクのプログラムの書き方
プログラムの書き方は以下の通りです。
<a href="http://k-sasaking.net" target="_blank">新しいタブで開きます。</a>
このようにtarget=”_blrank”を記載することで、リンクが押された時に新規タブで開くことができます。
なぜ新規タブで開かせるのか?
この新規タブの使う場面は、この画面に留まって欲しいが、一回外部のリンクに飛んで欲しい時に使用します。
不用意に新規タブを使うとユーザーに不快感を与えるので気をつけましょう。
targetの機能は?
このtarget属性について、他にも機能がありますので、紹介します。
target属性の値 | 機能 | リンク例 |
_new | 新しいフレーム(ウィンドウ)で開く | _new |
_blank | 新しいタブで開く | _blank |
_self | 現在のフレーム(ウィンドウ)に表示 | _self |
_parent | 親のフレーム(ウィンドウ)に表示 | _parent |
_top | フレーム分割を解除してウィンドウ全体に表示 | _top |
フレーム名, ウィンドウ名 | 指定した名前のフレーム,ウィンドウに表示 |
基本的には、乱用せず意図を持って使うようにすると良いでしょう。
人気記事 Springbootの環境構築から Hello worldまで on Mac
人気記事 DockerでMySQLとphpAdminのコンテナを作るやり方