使用架構(Frame),你可以在瀏覽器視窗同時顯示多個網頁。每個Frame裡設定一個網頁,每個Frame裡的網頁相互獨立。
Frameset
<frameset></frameset>決定如何劃分Frame。<frameset>有cols屬性和rows屬性。使用cols屬性,表示按列分布Frame;使用rows屬性,表示按行分布Frame。
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
Iframe是Inline Frame的意思,用<iframe></iframe>可以將Frame置於一個HTML檔案內。
樣本
列分Frame
這個例子顯示如何在瀏覽器裡同時顯示三個網頁,三個網頁是按列分布的。
行分Frame
這個例子顯示如何在瀏覽器裡同時顯示三個網頁,三個網頁是按行分布的。
混合Frameset
這個例子既用到了cols屬性,又用到了rows屬性,將Frame進行靈活分布。
Frameset中的noresize屬性
使用Noresize屬性可以確保Frame的大小。如果不使用noresize屬性,你可以用滑鼠移動Frame的邊界,來改變Frame的大小,如果設定了noresize屬性,就不能移動邊界了。
Frame用於導航
這個例子示範如何建立一個用於導航的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>
Iframe的使用
這個例子顯示如何在一個HTML檔案裡用iframe嵌入一個網頁。