HTML 框架LOGIN

HTML 框架

HTML 框架

定義和用法

<frame> 標籤定義 frameset 中的一個特定的視窗(框架)。

frameset 中的每個框架都可以設定不同的屬性,例如 border、scrolling、noresize 等等。

HTML 與 XHTML 之間的差異

在 HTML 中,<frame> 標籤沒有結束標籤。

在 XHTML 中,<frame> 標籤必須正確地關閉。

提示與註解:

註解:如果您希望驗證包含框架的頁面,請確保 doctype 被設定為 "Frameset DTD"。閱讀更多有關 DOCTYPE 的內容。

重要:您不能與 <frameset></frameset> 標籤一起使用 <body></body> 標籤。不過,如果您需要為不支援框架的瀏覽器添加一個 <noframes> 標籤,請務必將此標籤放置在 <body></body> 標籤中!

Iframe - 設定高度與寬度

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

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</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中文网</title> 
</head> 
<body>
<iframe src="http://www.php.com" 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中文网</title> 
</head> 
<body>
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.php.com" target="iframe_a">php.cn</a></p>
<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>
</body>
</html>


##下一節

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.php.com" target="iframe_a">php.cn</a></p> <p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p> </body> </html>
章節課件