HTML iFrame
iframe 用於在另一個網頁中顯示網頁
什麼是 iframe
iframe 或內聯框架用於顯示外部物件,包括網頁中的其他網頁。新增 iframe 的基本語法可以通過以下方式給出:
<iframe src="URL">
alternative content for browsers which do not support iframe.
</iframe>
- URL 指向外部物件或網頁的位置。
設定 iframe 的寬度和高度
height
和 width
屬性用來指定 iframe
的高度和寬度。
<iframe src="demo-page.html" width="200" height="200">
alternative content for browsers which do not support iframe.
</iframe>
注: width
和 height
屬性值都將預設畫素規定,但你也可以設定值百分比(如“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>