<a href=”①” target=”②”>~</a>
①:リンク先のURL
②:ブラウジング・コンテキスト名、または_blank、_self、_parent、_top
通常、リンク先のコンテンツはリンク元と同じブラウジング・コンテキストに読み込まれますが、target属性で読み込むブラウジング・コンテキストを指定することもできます。
指定できる値は次の通りです。
・ブラウジング・コンテキスト名:指定した名前のブラウジング・コンテキストに表示
・_blank:新しいブラウジング・コンテキストを開いて表示
・_self:リンク元と同じブラウジング・コンテキストに表示
・_parent:現在のブラウジング・コンテキストに親があれは、その親のブラウジング・コンテキストに表示
・_top:最上位のブラウジング・コンテキスト(現在のブラウザ領域全体)に表示
■サンプル
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8”>
<title>a target SAMPLE</title>
</head>
<body>
<p>
<a href=”http://www.html5-labs.com/” target=”_blank”>新しいブラウジング・コンテキストを開いて表示します。</a>
</p>
</body>
</html>
■要素解説
カテゴリー:フロー・コンテンツ/フレージング・コンテンツ/インタラクティブ・コンテンツ/パルパブル・コンテンツ
利用できる場所:フレージング・コンテンツが期待される場所
コンテンツモデル:トランスペアレント(ただし、インタラクティブ・コンテンツを入れることは不可)
■ブラウザ対応状況
IE10=○、IE9=○、Firefox=○、Chrome=○、Safari=○、Opera=○、iOS6=○、iOS5=○、Android=○
■廃止属性
charset属性、coords属性、name属性、shape属性、rev属性