?
This document uses PHP Chinese website manual Release
通過使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁面。
垂直框架
<html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </html>
水平框架
<html> <frameset rows="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </html>
(可以在本頁底端找到更多實(shí)例。)
通過使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁面。每份HTML文檔稱為一個(gè)框架,并且每個(gè)框架都獨(dú)立于其他的框架。
使用框架的壞處:
開發(fā)人員必須同時(shí)跟蹤更多的HTML文檔
很難打印整張頁面
框架結(jié)構(gòu)標(biāo)簽(<frameset>)
編者注:frameset 標(biāo)簽也被某些文章和書籍譯為框架集。
Frame 標(biāo)簽定義了放置在每個(gè)框架中的 HTML 文檔。
在下面的這個(gè)例子中,我們?cè)O(shè)置了一個(gè)兩列的框架集。第一列被設(shè)置為占據(jù)瀏覽器窗口的 25%。第二列被設(shè)置為占據(jù)瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個(gè)列中,而 HTML 文檔 "frame_b.htm" 被置于第二個(gè)列中:
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
假如一個(gè)框架有可見邊框,用戶可以拖動(dòng)邊框來改變它的大小。為了避免這種情況發(fā)生,可以在 <frame> 標(biāo)簽中加入:noresize="noresize"。
為不支持框架的瀏覽器添加 <noframes> 標(biāo)簽。
重要提示:不能將 <body></body> 標(biāo)簽與 <frameset></frameset> 標(biāo)簽同時(shí)使用!不過,假如你添加包含一段文本的 <noframes> 標(biāo)簽,就必須將這段文字嵌套于 <body></body> 標(biāo)簽內(nèi)。(在下面的第一個(gè)實(shí)例中,可以查看它是如何實(shí)現(xiàn)的。)
如何使用 <noframes> 標(biāo)簽
<html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的瀏覽器無法處理框架!</body> </noframes> </frameset> </html>
混合框架結(jié)構(gòu)
<html> <frameset rows="50%,50%"> <frame src="/example/html/frame_a.html"> <frameset cols="25%,75%"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </frameset> </html>
含有 noresize="noresize" 屬性的框架結(jié)構(gòu)
<html> <frameset cols="50%,*,25%"> <frame src="/example/html/frame_a.html" noresize="noresize" /> <frame src="/example/html/frame_b.html" /> <frame src="/example/html/frame_c.html" /> </frameset> </html>
導(dǎo)航框架
<html> <frameset cols="120,*"> <frame src="/example/html/html_contents.html"> <frame src="/example/html/frame_a.html" name="showframe"> </frameset> </html>
內(nèi)聯(lián)框架
<html> <body> <iframe src="/i/eg_landscape.jpg"></iframe> <p>一些老的瀏覽器不支持 iframe。</p> <p>如果得不到支持,iframe 是不可見的。</p> </body> </html>
跳轉(zhuǎn)至框架內(nèi)的一個(gè)指定的節(jié)
<html> <frameset cols="20%,80%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/link.html#C10"> </frameset> </html>
使用框架導(dǎo)航跳轉(zhuǎn)至指定的節(jié)