HTML 框架

透過使用框架，你可以在同一個瀏覽器視窗中顯示不只一個頁面。

iframe語法:

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

該URL指向不同的網頁。

Iframe - 設定高度與寬度

height 和 width 屬性用來定義iframe標籤的高度與寬度。

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

實例

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

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

<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>


</body>
</html>

執行實例»

點擊"執行實例" 按鈕查看線上實例

#Iframe - 移除邊框

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

設定屬性值為"0" 移除iframe的邊框:

實例

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

<iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

使用iframe來顯示目錄連結頁面

iframe可以顯示一個目標連結的頁面

目標連結的屬性必須使用iframe的屬性，如下實例:

實例

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

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

<p><b>注意：</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。</p>

</body>
</html>

執行實例»

點選"執行實例" 按鈕查看線上實例