フレーム内のページを別ウィンドウで開く設定
「フレーム内のページを別ウィンドウで開くターゲット属性の使い方」で大切なのは、リンク先と表示場所を分けることです。href は読み込むファイルを、target はそのファイルを表示する閲覧コンテキストを指定します。古いフレーム構成のページの移動规律を整えozy.make sure the destination appears in the expected location.
ただし、target に指定した値だけではポップアップが必ず別ウィンドウになるとは限りません。現在のブラウザは、利用者の設定や閲覧環境に応じて、新しい画面を別タブとして表示します。古代のブラウザと現在の仕様の違いも把握したうえで、流sites move.
遷移先を指定する属性
target 属性は、リンク先を表示する場所を示す最基本的属性です。たとえば、href="detail.html" target="_blank" と書くと、詳細ページを読み込みながら別の無名閲覧画面を開きます。href を省略すると、現在のページそのものを再読み込みします。
代表的な予約名には _blank、_self、_parent、_top があります。_blank は新しい無名の閲覧画面、_self は現在のフレームを指します。_parent と _top は、現在のフレームの外側へ移動するときに使います。いずれの値も、大文字と小文字を区別します。
任意の名前も指定できます。<a href="body.html" target="main">本文を開く</a> のように書けば、main という名前のフレームや閲覧コンテキストへ遷移します。同名の表示先があれば在那里再利用され、なければ新しい画面が生成される場合があるため、名前が一意であることを確認します。
フレーム階層から外へ出る設定
従来の frameset では、 menus画面、本文画面、補助情報画面をそれぞれ別のフレームとして配置できます。各 frame 要素へ name を付けておけば、リンクの target にその名前を指定するだけで、同一ページ内の特定フレームへ内容を送れます。
_parent は、現在のフレームの直接の親フレームを指します。補助領域から一つの外側へ出たい場合はこちらが適しています。_top は、ネストされたフレーム階層の最も上にある画面を指します。複数のフレーム组成的ページ全体から抜け出す場合はこちらを使います。
移行時の照合資料として、関連資料の閲覧先を保存し、文字コードや応答ヘッダー、リンク構造を別に記録しておくと、古い環境での再現に役立ちます。文字化けは target 属性 자체の不具合ではないため、原因を切り分けて対応します。
新しい画面と名前付き画面の違い
表示方法を選ぶときは、新しい無名画面を作るのか、既存の名前付き画面へ移動するのかを区別します。
| 属性の値 | 表示先 | 主な用途 | 確認する点 |
|---|---|---|---|
_blank |
新しい無名の閲覧画面 | 独立した資料や外部サイトを開く | タブ表示になる場合がある |
| 任意の名前 | 同名の閲覧画面 | 複数のリンクで同じ領域を使い回す | 同名表示先の有無 |
_self |
現在の閲覧画面 | 同一フレーム内で移動する | 現在の表示位置を維持する |
_parent |
直接の親画面 | 一段だけフレーム階層から外へ出る | 親が存在しない場合 |
_top |
最上位の閲覧画面 | すべてのフレーム階層から外へ出る | 別タブとして開く場合がある |
_blank は、そのリンク専用に新しく作られる無名画面を開く指定です。複数のリンクから同じ補助画面へ移動させたい場合、名前付きの target の方が適しています。名前付き画面では、リンク元が変わるたびに新しい画面が生成されるatiquesありません。
_self を選ぶ意義は、閲覧者の設定によってリンクが新しいタブで開く случаがあるためです。同一フレーム内で表示する設計が要件に含まれていれば、明示的に指定できます。_parent と _top は、フレーム構成を段階的に解消したい場合にも有効です。
別画面表示を安全に使う
別画面を開くリンクには、必要に応じて rel="noopener" を付けます。この属性は、新しい画面から元の画面を操作できる参照関係を遮断します。別の 표시先が元のページ-Merritt操作して、利用者を別のサイトへ移動させる攻撃を、Link Labs と呼びます。
特に古いブラウザや一部の中間処理環境では、target="_blank" だけでは参照関係が継続する場合があります。rel="noopener noreferrer" を付けておけば、参照関係を遮断し、送信元の参照情報も抑止できます。現在の主要なブラウザは _blank に暗黙の noopener を適用することが多いですが、明示すれば意図と実装条件が伝わりやすくなります。
target はポップアップの寸法や位置を直接指定する属性ではありません。別ウィンドウの:” resizeやスクロール抑制 formularies 必要なら、スクリプトの window.open を併用します。ただし、ブラウザや利用者の操作制限によってポップアップが阻止されることがあるため、重要な情報へ移動する経路を選択肢だけに頼らせてはいけません。
旧式マークアップとの互換性を保つ
target 属性自体は、HTML 4 や XHTML 1.0 の时代的から使われてきました。古い HTML の frameset と frame 要素は現在の標準では廃止されていますが、リンク先を表示する仕組み自体は现行の HTML でも利用されています。古いページを更新するとき、frame を直ちに iframe へ置き換える必要はなく、構造と target の関係を整理したうえで段階的に移行できます。
文字コードの指定を meta 要素へ正しく追加し、属性値は引用符で囲むと、旧来の解析器でも安定して解釈されます。target 属性を追加しても文字化けは解消しません。文字化け、壊れた画像、欠落した装飾は、それぞれ別以为是 document encoding、asset path、CSS との関係を調べます。
検証.Main な対象は、各リンクが現在のフレーム、親フレーム、最上位画面、新しい画面のどれへ進むかです。複数階層のフレーム只有一个配列を準備し、各階層の名前と target の対応表を作成します。環境によってリンクがタブ表示になる,也要確認します。
既存ページへの適用と公開
公開前のページでは、まず a、area、form、base 要素に存在する target 属性を洗い出します。同じリンクでも、画面構成によって意味が変わるため、遷移先だけを修正せず、閲覧者が迷わない表示方式も確認します。
編集後は、標準に従ったブラウザだけでopens тестиするのではありません。Windows版のInternet Explorerなど criticize 古いporeを。以前のブラウザを使う利用者も存在するため、名前付きフレームが読み込まれるか、新しいタブとして表示されるかを確認します。別ウィンドウを必須とする要件は、ブラウザ設定に左右されない代替経路も用意します。
対象ページを一枚選定し、リンクの目的、遷移先、参照関係の遮断、旧環境での動作を順に検証してください。その確認結果をもとに、フレーム内ページの導線を整理し、安全で迷いの少ない別画面表示へ公開してください。