最新的Web開發教程

HTML的I幀


iframe是用於在網頁中顯示網頁。


車架說明

幀允許視覺HTML瀏覽器窗口被劃分成段,每個段的可以顯示出不同的文檔。 這可以降低帶寬使用,作為佈局的重複部件能夠在一個幀中所使用的,而變量的內容被顯示在另一個。

這可能會在一定的可用性成本,特別是在非可視用戶代理,由於單獨的和獨立的文件(或網站)被顯示彼此相鄰地和被允許使用相同的父窗口交互。

由於此成本的,幀(不包括的IFRAME元素)只允許在HTML 4.01框架集。

I幀也可以保存在不同的服務器上的文檔。 在這種情況下的窗口之間的相互作用是由瀏覽器阻擋。


語法的iFrame

添加一個iframe的語法是:

<iframe src=" URL "></iframe>

src屬性指定的URL (web address)的iframe頁面。


IFRAME - 設置高度和寬度

使用高度寬度屬性來指定大小。

屬性值在默認情況下像素為單位指定的,但它們也可以是在百分之(like "80%")

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
試一試»

IFRAME - 刪除邊框

默認情況下,一個iframe周圍有黑色邊框。

要刪除邊框,添加style屬性,並使用CSS border屬性:

<iframe src="demo_iframe.htm" style="border:none"></iframe>
試一試»

使用CSS,你也可以改變iframe的邊框的大小,樣式和顏色:

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
試一試»

用iframe作為目標的鏈接

的iframe可以用作用於一個鏈接的目標幀。

target鏈接的屬性必須引用name iframe的屬性:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
試一試»

HTML iframe標籤

標籤 描述
<iframe> 定義行內的幀

測試自己與練習!

練習1» 練習2» 練習3» 練習4»