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

iframe標簽會創建包含另外一個文檔的內聯框架（即行內框架）。

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

這有實例看看：

 iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 200 height= 500 這里使用了框架技術，但是您的瀏覽器不支持框架，請升級您的瀏覽器以便正常訪問。  /iframe 

使用像素定義iframe框架大小

 iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 20% height= 50% 這里使用了框架技術，但是您的瀏覽器不支持框架，請升級您的瀏覽器以便正常訪問。  /iframe 

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

html iframe 的優缺點

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

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

方便開發，減少代碼的重復率（比如頁面的header，footer）；

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

不易打??；

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

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

html iframe標記的使用:

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

它不同于frame標記最大的特征即這個標記所引用的HTML文件不是與另外的HTML文件

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

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

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

iframe標記的使用格式是:

iframe src= URL width= x height= x scrolling= [OPTION] frameborder= x /iframe

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

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

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

如果設置為NO，則不出現滾動條；如為Auto：則自動出現滾動條；如為Yes，則顯示;

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

比如:

 Iframe src= /uploads/allimg/190522/133I52N9-1.jpg/ width= 250 height= 200 scrolling= no frameborder= 0 /iframe 

【小編推薦】

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

html base標簽怎么用？base標簽的使用方法（附實例）

以上就是HTML iframe標簽怎么使用？HTML iframe標簽的使用實例介紹的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。