使用框架(Frame),你可以在瀏覽器窗口同時顯示多個網頁。每個Frame里設定一個網頁,每個Frame里的網頁相互獨立。
<frameset></frameset>決定如何劃分Frame。<frameset>有cols屬性和rows屬性。使用cols屬性,表示按列分布Frame;使用rows屬性,表示按行分布Frame。
用<frame>這個Tag設定網頁。<frame>里有src屬性,src值就是網頁的路徑和文件名。
下面的代碼的目的是:將Frameset分成2列,第一列25%,表示第一列的寬度是窗口寬度的25%;第二列75%,表示第一列的寬度是窗口寬度的75%。第一列中顯示a.html,第二列中顯示b.html。
<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>
Iframe是Inline Frame的意思,用<iframe></iframe>可以將Frame置于一個HTML文件內。
這個例子顯示如何在瀏覽器里同時顯示三個網頁,三個網頁是按列分布的。
這個例子顯示如何在瀏覽器里同時顯示三個網頁,三個網頁是按行分布的。
這個例子既用到了cols屬性,又用到了rows屬性,將Frame進行靈活分布。
使用Noresize屬性可以確保Frame的大小。如果不使用noresize屬性,你可以用鼠標移動Frame的邊界,來改變Frame的大小,如果設置了noresize屬性,就不能移動邊界了。
這個例子演示如何建立一個用于導航的Frame。這個導航Frame包含一個HTML,這個HTML(代碼如下)包含了一個網頁列表。點擊網頁列表中的任何一項,就會在第二個Frame中顯示點擊中的網頁。
<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑話一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html" target="showframe">笑話二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html" target="showframe">笑話三<a></p>
</BODY>
</HTML>
這個例子顯示如何在一個HTML文件里用iframe嵌入一個網頁。