HTML iFrame

iframe 用於在另一個網頁中顯示網頁

什麼是 iframe

iframe 或內聯框架用於顯示外部物件,包括網頁中的其他網頁。新增 iframe 的基本語法可以通過以下方式給出:

<iframe src="URL">
    alternative content for browsers which do not support iframe.
</iframe>

- URL 指向外部物件或網頁的位置。

設定 iframe 的寬度和高度

heightwidth 屬性用來指定 iframe 的高度和寬度。

<iframe src="demo-page.html" width="200" height="200">
    alternative content for browsers which do not support iframe.
</iframe>

注: widthheight 屬性值都將預設畫素規定,但你也可以設定值百分比(如“50%”)。

刪除預設 Frameborder

frameborder 屬性指定是否在 iframe 周圍顯示邊框。此屬性的值為 0 或 1,預設值 1 表示邊框,值 0 表示從 iframe 中刪除邊框。

<iframe src="demo-page.html" frameborder="0">
    alternative content for browsers which do not support iframe.
</iframe>

使用 iframe 作為連結目標

iframe 可以用作超連結的目標。

可以使用 name 屬性命名 iframe。這意味著當 target 遵循具有該名稱作為值的屬性的連結時,將在 iframe 中開啟連結的資源。

<iframe src="demo-page.html" name="myFrame"></iframe>
<p><a href="https://www.tutorialrepublic.com" target="myFrame">Tutorial Republic</a></p>