| cols="80,20%,*" | 分為3列,寬度分別為80像素,窗口寬度的20%,以及剩余寬度 |
| rows="25%,75%" | 分為2列,寬度分別為窗口寬度的25%和75% |
| rows="*,3*" | 與上述第2個(gè)表示的一樣,分為2列,但表示方法不同:第一列寬度為第二列的1/3 |
| <HTML> <HEAD> <TITLE>Simple FRAMESET</TITLE> </HEAD> <FRAMESET cols="40%,60%" rows="2*,*"> <FRAME name="TopLeft" src="red.htm"> <FRAME name="TopRight" src="green.htm"> <FRAME name="BotLeft" src="blue.htm"> <FRAME name="BotRight" src="white.htm"> </FRAMESET> </HTML> |
| <FRAMESET rows="105,*"> <FRAME name="adbanner" src="ad.html"> <FRAMESET cols="40%,60%"> <FRAME name="left" src="red.htm"> <FRAMESET rows="*,*"> <FRAME name="top" src="blue.htm"> <FRAME name="bottom" src="white.htm"> </FRAMESET> </FRAMESET> </FRAMESET> |
| <HTML> <HEAD><TITLE>FrommCo home page</TITLE></HEAD> <FRAMESET cols="115,*"> <FRAME src="menu.htm"> <FRAME name="content" src="main.htm"> </FRAMESET> </HTML> |
| <HTML><HEAD></HEAD> <BODY><P><BR> <IMG src="Images/tmp_logo.gif" alt="FrommCo"><P> <A href="main.htm" target="content">Main page</A><P> <A href="mission.htm" target="content">Our mission</A><P> <A href="staff.htm" target="content">Our staff</A><P> <A href="splash.htm" target="_parent">FrommCo splash page</A> </BODY></HTML> |
表示客戶端圖形地圖的<AREA>標(biāo)記同樣可以應(yīng)用target屬性,比如:
<AREA shape=circle coords="75,75,50" href="main.htm" target="content" alt="Main page">
還有一種經(jīng)常的情況是:Web頁面中的大部分或者全部鏈接都要求在一個(gè)特別的FRAME中打開。這時(shí),可以在頁面的<HEAD>代碼區(qū)使用<BASE>標(biāo)記設(shè)置默認(rèn)的target,然后再分別定義特殊鏈接的target值。
修飾FRAME
FRAMESET不僅在寬度、高度等方面具有可控制的數(shù)值,在美觀方面也同樣可以精確設(shè)置。
默認(rèn)情況下,F(xiàn)RAMESET的FRAME間有一個(gè)凸起的邊沿,表示分割效果。如果不喜歡這個(gè),想營造“無縫連接”的效果,可以在<FRAME>標(biāo)記中設(shè)置FRAMEborder=0來消除它。在3.0及高版本的Navigator和Internet Explorer中,如果在<FRAMESET>標(biāo)記中設(shè)置FRAMEborder=0,那么除了設(shè)置為FRAMEborder=1的FRAME外,所有其他FRAME的邊沿都將消失。
雖然設(shè)置了FRAMEborder=0,有些瀏覽器仍舊會在FRAME間保留一些邊沿的顏色痕跡。這時(shí),可以在<FRAMESET>標(biāo)記中添加FRAMEspacing=0(對Internet Explorer)或者border=0(對Navigator和Opera)實(shí)現(xiàn)真正的無縫連接。
請看下面的代碼是如何使用這些屬性的:
<HTML> <HEAD><TITLE>FrommCo home page</TITLE></HEAD> <FRAMESET cols="115,*" FRAMEspacing=0 border=0> <FRAME src="menu.htm" FRAMEborder=0 noresize scrolling=no> <FRAME name="content" src="main.htm" FRAMEborder=0> </FRAMESET> </HTML> |
上面的代碼中有2個(gè)新的屬性:noresize表示鎖住FRAME而不允許使用鼠標(biāo)改變大小,scrolling=no表示屏蔽FRAME的滾動(dòng)條,scrolling=yes表示允許,scrolling=auto表示根據(jù)顯示內(nèi)容需要自動(dòng)顯示滾動(dòng)條。
浮動(dòng)FRAME
浮動(dòng)FRAME是HTML4.0規(guī)范中的一個(gè)定義,目前的瀏覽器都支持它。
不象FRAMESET表示的分割區(qū)樣子,一個(gè)浮動(dòng)FRAME作為一個(gè)內(nèi)置對象存在于Web頁面上,其樣式就象一個(gè)頁面上的一個(gè)圖形或者一個(gè)applet。浮動(dòng)FRAME使用<IFRAME>標(biāo)記,它具有與<FRAME>相同的大多數(shù)屬性設(shè)置,包括:name、src、marginwidth、marginheight、FRAMEborder以及scrolling。同時(shí),它還具有與圖形或者applet一樣的height、width和align屬性。
而且,浮動(dòng)FRAME遵循與普通FRAME一樣的target原則:我們可以通過它的name來指向它。本原則適用于在任一類型FRAME中的浮動(dòng)FRAME,反之易然。浮動(dòng)FRAME中的沒有traget的鏈接指向它本身,而_parent鏈接則指向包含<IFRAME>的文檔所在的FRAME或者窗口。比如:
<IFRAME name="floater" src="start.htm" width=150 height=200 hspace=10 align=left>
<IMG src="Images/noFRAME.gif" alt="You can't see the floating FRAME"
width=150 height=200 hspace=10 align=right>
</IFRAME><BR>
<A href="one.htm" target="floater">Show one.htm</A><P>
<A href="two.htm" target="floater">Show two.htm</A><P>
<A href="start.htm" target="floater">Bring back start.htm</A>
注意,對應(yīng)支持<IFRAME>標(biāo)記的瀏覽器,任何位于<IFRAME>和</IFRAME>間的內(nèi)容都將忽略。反之,其中的內(nèi)容將顯示出來,這可以用作解釋當(dāng)前瀏覽器不支持<IFRAME>。
新聞熱點(diǎn)
疑難解答
圖片精選