iframe 連結另外開啟新視窗或在原本網頁開啟

iframe 的功能可以在網頁內嵌入框架，來顯示另外一個網頁的內容，有的時候設計師會在被嵌入的網頁，加入其他的連結，這時候如何控制連結的目標就很重要，可以在框架內開啟新網頁、在父層開啟新網頁或者是直接另外開啟新視窗顯示，連結目標本身並非 iframe 的屬性，而是 HTML a href 連結屬性的範疇，設計師可以將兩者結合應用，用以決定 iframe 框架的的連結要用何種模式開啟。

iframe 連結目標

目標	定義
_blank	原本的視窗保留，另外開啟新視窗顯示連結網頁。
_self	在 iframe 框架內直接開啟，連結網頁的呈現範圍在 iframe 內。
_parent	在父層開啟連結網頁，直接取代原本的框架頁。

以下將透過 test1.html 嵌入包含三種不同連結目標的框架 test2.html。

iframe 連結開啟語法、test1.html

關於 iframe 的各個參數，請參閱：HTML iframe 框架。

iframe 連結開啟語法、test2.html

<a href="連結網址" target="_blank">另外開啟新視窗</a>
<a href="連結網址" target="_self">在框架內開啟</a>
<a href="連結網址" target="_parent">在父層開啟</a>

語法中的＂連結網址＂請自由設定，重點在於 target 的目標參數，這裡要稍微討論一下，如果要開啟的新連結網頁是自己本身的網頁，使用 _self 或 _parent 目標比較合理，若要開啟的是別人的網頁，則應該盡量使用 _blank 另外開一個新的視窗，以示尊重。

延伸閱讀