通過(guò)使用框架，你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。

iframe語(yǔ)法:

<iframe src="URL"></iframe>
該URL指向不同的網(wǎng)頁(yè)。

Iframe - 設(shè)置高度與寬度

height 和 width 屬性用來(lái)定義iframe標(biāo)簽的高度與寬度。

屬性默認(rèn)以像素為單位, 但是你可以指定其按比例顯示 (如："80%").

實(shí)例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>

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

<p>一些舊的瀏覽器不支持 iframe。</p>
<p>如果瀏覽器不支持 iframes 則不會(huì)顯示。</p>


</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

Iframe - 移除邊框

frameborder 屬性用于定義iframe表示是否顯示邊框。

設(shè)置屬性值為 "0" 移除iframe的邊框:

實(shí)例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 <p>您的瀏覽器不支持  iframe 標(biāo)簽。</p>
</iframe>

</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

使用iframe來(lái)顯示目錄鏈接頁(yè)面

iframe可以顯示一個(gè)目標(biāo)鏈接的頁(yè)面

目標(biāo)鏈接的屬性必須使用iframe的屬性，如下實(shí)例:

實(shí)例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文網(wǎng)(php.cn)</title> 
</head> 
<body>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://miracleart.cn" target="iframe_a">php.cn</a></p>

<p><b>注意：</b> 因?yàn)?nbsp;a 標(biāo)簽的 target 屬性是名為 iframe_a 的 iframe 框架，所以在點(diǎn)擊鏈接時(shí)頁(yè)面會(huì)顯示在 iframe框架中。</p>

</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例

HTML iframe 標(biāo)簽

標(biāo)簽說(shuō)明
<iframe>定義一個(gè)內(nèi)聯(lián)的iframe