リンク[aタグ]を新規タブで開かせる方法 (HTMLのtarget属性の書き方)

HTML/CSS プログラミング

リンク[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のコンテナを作るやり方

人気記事 ITブラック企業の求人の見分け方!7つのポイント