hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

リンク先を新しいタブで開く

◉ target 属性

リンク先を新しいタブで開くようにするには、

target 属性に属性値を設定する。

 

target 属性の属性値は任意の半角英数字で指定する。

 

EX)

<ul>

  <li><a href="https://www.facebook.com"  target="new">Faccebook ページ</a></li>

</ul>

 

新しく開いたタブには、属性値で指定したフレーム名がつく。

また、複数のリンク先に同じ属性値を指定している場合は、

続けてリンクをクリックすると、

後からクリックしたリンクが、

先にクリックして開いたタブで、ページが切り替えられる。

(さらに新たにタブが開くわけではない。)

 

 

常に新しいタブで表示したい場合は、

属性値を「 target = " _blank " 」とする。

 

 

ただし、

通常のリンクでも、リンクテキストを右クリックして表示されるメニューから

「新しいタブを開く」を選択すれば、

新しいタブで開くことができる。

 

リンク先を新しいタブで開くかどうかは、

ユーザーの選択に委ねるべきという考え方があるため、

むやみに target 属性(特に「 target = " _blank" 」)を

設定するのはしない方がいい。