HTML 框架

通過使用框架,你可以在同一個瀏覽器視窗中顯示不止一個頁面。


iframe語法:

<iframe src="https://www.itread01.com/html/URL"></iframe>

該URL指向不同的網頁。


Iframe - 設定高度與寬度

height 和 width 屬性用來定義iframe標籤的高度與寬度。

屬性預設以畫素為單位, 但是你可以指定其按比例顯示 (如:"80%")。

例項

<iframe loading="lazy" src="demo_iframe.htm" width="200" height="200"></iframe>

嘗試一下 ?


Iframe - 移除邊框

frameborder 屬性用於定義iframe表示是否顯示邊框。

設定屬性值為 "0" 移除iframe的邊框:

例項

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

嘗試一下 ?


使用iframe來顯示目標連結頁面

iframe可以顯示一個目標連結的頁面

目標連結的屬性必須使用iframe的屬性,如下例項:

例項

<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.itread01.com" target="iframe_a" rel="noopener">itread01.COM</a></p>

嘗試一下 ?


HTML iframe 標籤

標籤 說明
<iframe> 定義一個內聯的iframe