HTML iframe標簽如何使用?HTML iframe標簽的使用案例說明
發表時間:2023-09-03 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要為大家介紹了關于HTML中的iframe標簽是定義和使用的實例詳情,還有關于HTML iframe標簽的屬性和優缺點的介紹。現在就讓我們一起來看看吧首先我們先看看HTML iframe標簽的意思:iframe標簽會創建包含另外一個文檔的內聯框架(即行內框架)。再來看看iframe標簽的...
本篇文章主要為大家介紹了關于HTML中的iframe標簽是定義和使用的實例詳情,還有關于HTML iframe標簽的屬性和優缺點的介紹�,F在就讓我們一起來看看吧
首先我們先看看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標記的使用格式是:
<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="http://www.php.cn/" width="250" height="200" scrolling="no" frameborder="0"></iframe>
【小編推薦】
HTML中的base標簽如何寫相對路徑?(內附使用介紹)
html base標簽怎么用?base標簽的使用方法(附實例)
以上就是HTML iframe標簽怎么使用?HTML iframe標簽的使用實例介紹的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。