HTML iframe標籤怎麼使用？ HTML iframe標籤的使用實例介紹

本篇文章主要為大家介紹了關於HTML中的iframe標籤是定義和使用的實例詳情，還有關於HTML iframe標籤的屬性和優缺點的介紹。現在就讓我們一起來看看吧

首先我們先看看HTML iframe標籤的意思：

iframe標籤會建立包含另外一個文件的內聯框架（即行內框架）。

再來看看iframe標籤的屬性介紹：

這有實例看看：

<iframe src="http://www.php.cn" width="200" height="500"> 
这里使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问。 
</iframe>

使用像素定義iframe框架大小 

<iframe src="http://www.php.cn" width="20%" height="50%"> 
这里使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问。 
</iframe>

使用百分比定義iframe框架大小 

html iframe 的優缺點

#優點：重載頁面時不需要重載整個頁面，只需要重載頁面中的一個框架頁（減少資料的傳輸，減少網頁的載入時間）；

#技術簡單，使用方便，主要應用於不需要搜尋引擎來搜尋的頁面；

方便開發，減少程式碼的重複率（例如頁面的header，footer）；

#缺點：會產生很多的頁面，不容易管理；

不易列印；

#多框架的頁面會增加服務氣得http請求；

瀏覽器的後退按鈕無效等；

html iframe標記的使用:

iframe標記，又叫浮動幀標記，你可以用它將一個HTML文檔嵌入在一個HTML中顯示。

它不同於frame標記最大的特徵即這個標記所引用的HTML檔案不是與另外的HTML檔案

相互獨立顯示，而是可以直接嵌入在一個HTML檔案中，與這個HTML檔案內容相互融合，

成為一個整體，另外，還可以多次在一個頁面內顯示同一內容，而不必重複寫內容，

一個形象的比喻即「畫中畫“電視。

iframe標記的使用格式是: 

src：文件的路徑，既可是HTML文件，也可以是文字、ASP等；

width、height："畫中畫"區域的寬與高；

scrolling:當SRC的指定的HTML檔案在指定的區域不顯不完時，滾動選項，

如果設定為NO，則不出現捲軸；如為Auto：則自動出現捲軸；如為Yes，則顯示;

frameBorder：區域邊框的寬度，為了讓「畫中畫「與鄰近的內容融合，常設定為0。 

例如:

<Iframe src="http://www.php.cn/" width="250" height="200" scrolling="no" frameborder="0"></iframe>

【小編推薦】

HTML中的base標籤如何寫相對路徑？ （內附使用介紹）

html base標籤怎麼用？ base標籤的使用方法（附實例）

以上是HTML iframe標籤怎麼使用？ HTML iframe標籤的使用實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！