cols="80,20%,*" | 分为3列,宽度分别为80像素,窗口宽度的20%,以及剩余宽度 |
rows="25%,75%" | 分为2列,宽度分别为窗口宽度的25%和75% |
rows="*,3*" | 与上述第2个表示的一样,分为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>标记同样可以应用target属性,比如:
<AREA shape=circle coords="75,75,50" href="main.htm" target="content" alt="Main page">
还有一种经常的情况是:Web页面中的大部分或者全部链接都要求在一个特别的FRAME中打开。这时,可以在页面的<HEAD>代码区使用<BASE>标记设置默认的target,然后再分别定义特殊链接的target值。
修饰FRAME
FRAMESET不仅在宽度、高度等方面具有可控制的数值,在美观方面也同样可以精确设置。
默认情况下,FRAMESET的FRAME间有一个凸起的边沿,表示分割效果。如果不喜欢这个,想营造“无缝连接”的效果,可以在<FRAME>标记中设置FRAMEborder=0来消除它。在3.0及高版本的Navigator和Internet Explorer中,如果在<FRAMESET>标记中设置FRAMEborder=0,那么除了设置为FRAMEborder=1的FRAME外,所有其他FRAME的边沿都将消失。
虽然设置了FRAMEborder=0,有些浏览器仍旧会在FRAME间保留一些边沿的颜色痕迹。这时,可以在<FRAMESET>标记中添加FRAMEspacing=0(对Internet Explorer)或者border=0(对Navigator和Opera)实现真正的无缝连接。
请看下面的代码是如何使用这些属性的:
<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个新的属性:noresize表示锁住FRAME而不允许使用鼠标改变大小,scrolling=no表示屏蔽FRAME的滚动条,scrolling=yes表示允许,scrolling=auto表示根据显示内容需要自动显示滚动条。
浮动FRAME
浮动FRAME是HTML4.0规范中的一个定义,目前的浏览器都支持它。
不象FRAMESET表示的分割区样子,一个浮动FRAME作为一个内置对象存在于Web页面上,其样式就象一个页面上的一个图形或者一个applet。浮动FRAME使用<IFRAME>标记,它具有与<FRAME>相同的大多数属性设置,包括:name、src、marginwidth、marginheight、FRAMEborder以及scrolling。同时,它还具有与图形或者applet一样的height、width和align属性。
而且,浮动FRAME遵循与普通FRAME一样的target原则:我们可以通过它的name来指向它。本原则适用于在任一类型FRAME中的浮动FRAME,反之易然。浮动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>
注意,对应支持<IFRAME>标记的浏览器,任何位于<IFRAME>和</IFRAME>间的内容都将忽略。反之,其中的内容将显示出来,这可以用作解释当前浏览器不支持<IFRAME>。
了解这些字:快的意思 速的意思 精的意思 通的意思 上的意思