[解決済み] アンカータグのtarget属性における_self, _top, _parentの違いについて
質問
知っている
_blank
アンカータグと一緒に使うと新しいタブを開くし、フレームセットを使うときに自分で定義したターゲットもある。
_parent
,
_self
と
_top
.
解決方法は?
これらの回答は良いものですが、IMHOでは、この質問に十分対応しているとは思えません。
アンカータグのtarget属性は、アンカー先のターゲットをブラウザに伝えるものです。これは、当初、アンカーを操作して、ドキュメントのフレームシステムに誘導するために作られたものです。これは、CSSがHTML開発者の助けになるよりもずっと前のことです。
一方
target="_self"
はブラウザのデフォルトであり、最も一般的なターゲットは
target="_blank"
で、アンカーを新しいウィンドウで開きます(通常、ブラウザの設定によりタブにリダイレクトされている)。そのため
"_parent"
,
"_top"
と
framename
タグは、iframeサイト構築がトレンドだった時代を知らない人には、謎のままです。
target="_self"
これは同じフレーム内にあるアンカーを開くものです。紛らわしいのは、一般的にフレームで書くことが少なくなったので(そして
frame
と
frameset
タグはHTML5で廃止されました) 人々はこれを同じウィンドウの機能だと思い込んでいます。このアンカーがフレームにネストされている場合、そのフレーム内だけを意味するサンドボックスモードで開かれます。
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>
関連
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] SRCとHREFの違い
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] アンカーリンクをクリックしたときのスクロールを滑らかにする
-
[解決済み] [Solved] What's the difference between <b> and <strong>, <i> and <em>?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】位置固定が機能しない
-
[解決済み】iframeの背景色を変更する問題
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] HTMLでSVGを使用して三日月を描画する
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] div に斜めのエッジを作成する [重複] 。
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] デフォルトで空白を選択