97

アンカータグを使用すると新しいタブが開くことは知っています。また、フレームセットを使用するときに使用する自己定義のターゲットがありますが、と_blankの違いを知りたいです。_parent_self_top

4

5 に答える 5

133

これらの回答は優れていますが、私見では、質問に完全に対応しているとは思いません。

アンカー タグの target 属性は、ブラウザにアンカーの宛先のターゲットを伝えます。これらは、アンカーを操作してドキュメントのフレーム システムに誘導するために最初に作成されました。これは、CSS が HTML 開発者の助けになるずっと前のことです。

whiletarget="_self"はブラウザのデフォルトであり、最も一般的なターゲットはtarget="_blank"、アンカーを新しいウィンドウで開くものです (通常、ブラウザの設定によってタブにリダイレクトされます)。、"_parent"、タグは"_top"、framenameトレンドとしての iframe サイト構築の時代に精通していない人には謎のままです。

target="_self"これにより、同じフレームでアンカーが開きます。紛らわしいのは、私たちは一般的にフレームに書き込むことはもうない (そしてHTML5 ではframeandframesetタグが廃止されている) ため、人々はこれを同じウィンドウ関数と見なしていることです。代わりに、このアンカーがフレームにネストされている場合、サンドボックス モードで開きます。つまり、そのフレームでのみ開きます。

target="_parent"それらが互いにネストされている場合、フレームの次のレベルアップで開きます

target="_top"これは、ネストされているすべてのフレームの外側で中断し、リンクをブラウザー ウィンドウのトップ ドキュメントとして開きます。

target="framenameこれはもともと非推奨でしたが、HTML5 で復活しました。これにより、問題の正確なフレームがターゲットになります。これnameは適切な方法でしたが、その方法はid識別タグの使用に置き換えられました。

<!--Example:-->

<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>

<a href="url4" target="B"></a>
</body>
</html>
于 2015-04-30T14:07:18.310 に答える
19

以下は、ネストされたフレームとさまざまなターゲット値の効果を示す画像で、その後に画像の説明が続きます。

異なる目標値.1

<iframe>3 つのネストされた別名「フレーム」/「フレームセット」を含む Web ページを想像してください。そう：

  • 最も外側の Web ページ/ブラウザが開始コンテキストです
  • 最も外側の Web ページはフレーム 3 の親です
  • フレーム 3 はフレーム 2 の親です
  • フレーム 2 はフレーム 1 の親です
  • フレーム 1 は最も内側のフレームです

次に、ターゲット属性には次の効果があります。

  • フレーム 1 に とのリンクがある場合、target="_self"リンクはフレーム 1 をターゲットにします (つまり、リンクはリンクを含むフレームをターゲットにします (つまり、それ自体をターゲットにします)) 。
  • フレーム 1 に とのリンクがある場合、target="_parent"リンクはフレーム 2 をターゲットにします (つまり、リンクは親フレームをターゲットにします) 。
  • フレーム 1 に のリンクがある場合、target="_top"リンクは最初の Web ページをターゲットにします (つまり、リンクは最上位/最外部のフレームをターゲットにします (この場合、リンクは祖父母フレーム 3 をスキップします))。
    • フレーム2に とのリンクがある場合target="_top"、リンクも最初の Web ページをターゲットにします (つまり、リンクは最上位/最外部のフレームをターゲットにします) 。
  • これらのフレームのいずれかに とのリンクがtarget="_blank"ある場合 、リンクは補助ブラウジング コンテキスト、別名「新しいウィンドウ」/「新しいタブ」をターゲットにします。
    • これは、フレーム 3、フレーム 2、フレーム 1、および最も外側の Web ページに適用されます。target="_blank";の場合は「タブナビング」に注意してください。属性を使用するrel="noopener"
于 2020-09-06T00:42:48.063 に答える
16

target="_blank"

新しいウィンドウを開き、関連データを表示します。

target="_self"

同じフレームでウィンドウを開きます。これは、既存のウィンドウ自体を意味します。

target="_top"

リンクされたドキュメントをウィンドウ全体で開きます。

target="_parent"

親ウィンドウのサイズでデータを開きます。

于 2014-12-03T12:20:02.563 に答える
4

これは、さまざまなアンカータグの実際の例です

対象属性

于 2019-12-04T22:03:35.740 に答える