ハイパーリンクに関すること(3): 属性 target_html/css

ハイパーリンクに関すること(3): 属性 target_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:35:36

オリジナル

1597 人が閲覧しました

a タグターゲットの属性の 1 つ

1. 定義

リンクされたドキュメントを開く場所を指定します。

a タグに target 属性がある場合、ブラウザは、このタグの href 属性で指定され、名前がターゲットと一致するフレームまたはウィンドウにドキュメントをロードして表示します。

名前と ID を含むフレームを指定すると、ブラウザーは新しいウィンドウを開き、このウィンドウをマークし、ドキュメントをこの新しいウィンドウにロードします。後続のハイパーリンクされたドキュメントは、この新しいウィンドウを指します。

2. 使用法

target のターゲット値

target には、異なる機能を持つ 4 つの特別な値があります。 。一般に、この値は必須ではないため、設定する必要はありません。タグと一緒に使用しない限り。

注: & & lt; ベース & gt; タグの使用法

& & lt; ベース & gt; は、ページ上のすべてのリンクのデフォルトのアドレスです。

<head><base href="http://www.cnblogs.com/MonkeyKingK/" /><!-- 规定该页面所有链接的默认地址为http://www.cnblogs.com/MonkeyKingK/ 所有相对地址都要基于这个路径来解析 --><base target="_blank" /><!-- 规定所有链接都在一个新窗口打开 --></head><body><img src="test.gif" /><!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/test.gif --><a href="http://www.baidu.com">百度</a><!-- 实际解析地址是http://www.baidu.com --><a href="www.baidu.com">我打开后不是百度的页面</a><!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/www.baidu.com --></body>

ログイン後にコピー

上記の例から、タグで指定されたアドレスがすべての相対 URL を解決するために使用されることがわかります。これには、、、、

タグ内の URL が含まれます。

2) _blank

このターゲット値は、ブラウザーが常に新しく開かれた名前のないウィンドウにターゲットドキュメントをロードすることを意味します。 )

_Parent

このターゲット値は、ファイルが親ウィンドウ、またはハイパーリンクへのフレームワーク参照を含むフレームワークにロードされることを意味します。ウィンドウまたはトップレベルのフレームで使用した場合、効果は self と同じです。

4) _top

このターゲット値は、このハイパーリンクを含むウィンドウにドキュメントが読み込まれることを示します。_top ターゲットを使用すると、含まれているすべてのフレームがクリアされ、ドキュメントがブラウザウィンドウ全体に読み込まれます。

ヒント:

①. 存在する 4 つの特別なターゲットにはすべて下線 (_) が付いているため、ウィンドウまたはフレームの名前/ID に値を割り当てるときは、その最初の文字を割り当てないでください。値を ' _' に変更します。それ以外の場合は、ブラウザによって無視されます。 . ②. その際にiframeを使用する場合は、IDではなくiframeの名前をターゲットとして使用します。 iframe ID を使用する場合、IE10 および FF ではサポートされません。

& lt; ベース & gt; を使用すると、無効になる可能性があります:

B. ;