a 要素と area 要素の場合、target 属性は、リンク先文書をオープンする場所を指定します。
base 要素の場合、target 属性は、ページ全体のリンクやフォームのデフォルト・ターゲットを指定します。
form 要素の場合、target 属性は、フォームの送信後に受信するレスポンスを表示する場所を示す名前またはキーワードを指定します。
target 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <a> | src |
| <area> | src |
| <base> | src |
| <form> | src |
target 属性は、リンク先文書を開く場所を指定します：
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a>
Try it Yourself ❯
クリック可能なエリアと target 属性を持つイメージ・マップ：
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"
target="_blank">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Try it Yourself ❯
ページの全ハイパーリンクとフォームのデフォルトのターゲットを指定します：
<head>
<base target="_blank">
</head>
Try it Yourself ❯
受信したレスポンスを、新しいウィンドウまたはタブで表示します：
<form action="demo_form.html"
method="get" target="_blank">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Try it Yourself ❯
target 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| base | Yes | Yes | Yes | Yes | Yes |
| form | Yes | Yes | Yes | Yes | Yes |