HTML 框架
HTML 框架
定義和用法
<frame> 標(biāo)簽定義 frameset 中的一個(gè)特定的窗口(框架)。
frameset 中的每個(gè)框架都可以設(shè)置不同的屬性,比如 border、scrolling、noresize 等等。
HTML 與 XHTML 之間的差異
在 HTML 中,<frame> 標(biāo)簽沒有結(jié)束標(biāo)簽。
在 XHTML 中,<frame> 標(biāo)簽必須被正確地關(guān)閉。
提示和注釋:
注釋:如果您希望驗(yàn)證包含框架的頁(yè)面,請(qǐng)確保 doctype 被設(shè)置為 "Frameset DTD"。閱讀更多有關(guān) DOCTYPE 的內(nèi)容。
重要事項(xiàng):您不能與 <frameset></frameset> 標(biāo)簽一起使用 <body></body> 標(biāo)簽。不過,如果您需要為不支持框架的瀏覽器添加一個(gè) <noframes> 標(biāo)簽,請(qǐng)務(wù)必將此標(biāo)簽放置在 <body></body> 標(biāo)簽中!
Iframe - 設(shè)置高度與寬度
height 和 width 屬性用來定義iframe標(biāo)簽的高度與寬度。
屬性默認(rèn)以像素為單位, 但是你可以指定其按比例顯示 (如:"80%").
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</title> </head> <body> <iframe src="demo_iframe.htm" width="200" height="200"></iframe> <p>一些舊的瀏覽器不支持 iframe。</p> <p>如果瀏覽器不支持 iframes 則不會(huì)顯示。</p> </body> </html>
Iframe - 移除邊框
frameborder 屬性用于定義iframe表示是否顯示邊框。
設(shè)置屬性值為 "0" 移除iframe的邊框:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</title> </head> <body> <iframe src="http://www.php.com" width="200" height="200" frameborder="0"> <p>您的瀏覽器不支持 iframe 標(biāo)簽。</p> </iframe> </body> </html>
使用iframe來顯示目錄鏈接頁(yè)面
iframe可以顯示一個(gè)目標(biāo)鏈接的頁(yè)面
目標(biāo)鏈接的屬性必須使用iframe的屬性,如下實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)</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> 因?yàn)?nbsp;a 標(biāo)簽的 target 屬性是名為 iframe_a 的 iframe 框架,所以在點(diǎn)擊鏈接時(shí)頁(yè)面會(huì)顯示在 iframe框架中。</p> </body> </html>