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

寻∝梦
發布: 2018-08-28 16:38:28
原創
8077 人瀏覽過

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

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

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

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

HTML iframe標籤怎麼使用? HTML 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板