、幀標志
1.<frameset></frameset>
2.<frame>
3.<noframes></noframes>
幀是由英文Frame翻譯過來的,它可以用來向瀏覽器窗口中裝載多個Html文件。即每個Html文件占據一個幀,而多個幀可以同時顯示在同一個瀏覽器窗口中,它們組成了一個最大的幀,也即是一個包含多個Html文檔的Html文件(我稱它為
主文檔)。幀通常的使用方法是在一個幀中放置目錄(即可供選擇的鏈接),然后將Html文件顯示在另一個幀中。
1.<frameset></frameset>
<frameset></frameset>標志對放在幀的
主文檔的<body></body>標志對的
外邊,也可以嵌在其他幀文檔中,并且可以
嵌套使用。此標志對用來定義主文檔中有幾個幀并且各個幀是如何排列的。它具有
rows和
cols屬性,使用<frameset>標志時這兩個屬性
至少必須選擇一個,否則瀏覽器只顯示第一個定義的幀,剩下的一概不管,<frameset></frameset>標志對也就沒有起到任何作用了。rows用來規(guī)定主文檔中各個幀的
行定位,而cols用來規(guī)定主文檔中各個幀的
列定位。這兩個屬性的取值可以是百分數、絕對像素值或
星號(“*”),其中星號代表那些未被說明的空間,如果同一個屬性中出現多個星號則將
剩下的未被說明的空間平均分配。同時,所有的幀按照rows和cols的值
從左到右,然后
從上到下排列。示例如下:
<frameset rows="*,*,*"> |
總共有三個按列排列的幀,每個幀占整個瀏覽器窗口的1/3 |
<frameset cols="40%,*,*"> |
總共有三個按行排列的幀,第一個幀占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個幀 |
<frameset rows="40%,*" cols="50%,*,200"> |
總共有六個幀,先是在第一行中從左到右排列三個幀,然后在第二行中從左到右再排列三個幀,即兩行三列,所占空間依據rows和cols屬性的值,其中200的單位是像素 |
2.<frame>
<frame>標志放在<frameset></frameset>之間,用來定義某一個具體的幀。<frame>標志具有src和name屬性,這兩個屬性都是必須賦值的。src是此幀的源Html文件名(包括網絡路徑,即相對路徑或網址),瀏覽器將會在此幀中顯示src指定的Html文件;name是此幀的名字,這個名字是用來供超文本鏈接標志<a
href=""
target="">中的target屬性用來指定鏈接的Html文件將顯示在哪一個幀中。例如定義了一個幀,名字是main,在幀中顯示的Html文件名是jc.htm,則代碼是<frame
src="jc.htm" name="main">,當您有一個鏈接,在點擊了這個鏈接后,文件new.htm將要顯示在名為main的幀中,則代碼為<a
href="new.htm"
target="main">需要鏈接的文本</a>。這樣一來,就可以在一個幀中建立網站的目錄,加入一系列鏈接,當點擊鏈接以后在另一個幀中顯示被鏈接的Html文件。
此外,<frame>標志還有scrolling和noresize屬性,scrolling用來指定是否顯示滾動軸,取值可以是“yes”(顯示)、“no”(不顯示)或“auto”(若需要則會自動顯示,不需要則自動不顯示)。noresize屬性直接加入標志中即可使用,不需賦值,它用來禁止用戶調整一個幀的大小。
3.<noframes></noframes>
<noframes></noframes>標志對也是放在<frameset></frameset>標志對之間,用來在那些不支持幀的瀏覽器中顯示文本或圖像信息。在此標志對之間先緊跟<body></body>標志對,然后才可以使用我們在教程七以前講過的任何標志。
下邊是一個綜合示例:
例8 幀標志的綜合示例
主文檔:
<html>
<head>
<title>幀標志的綜合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left">
<frame src="page1.htm" scrolling="auto" name="Main">
<noframes>
<body>
<p>對不起,您的瀏覽器不支持“幀”!</p>
</body>
</noframes>
</frameset>
</html>
menu.htm
<html>
<head>
<title>目錄</title>
</head>
<body>
<p><font color="#FF0000">目錄</font></p>
<p><a href="page1.htm" target="Main">鏈接到第一頁</a></p>
<p><a href="page2.htm" target="Main">鏈接到第二頁</a></p>
</body>
</html>
page1.htm
<html>
<head>
<title>第一頁</title>
</head>
<body>
<p align="center"><font color="#8000FF">這是第一頁!</font></p>
</body>
</html>
page2.htm
<html>
<head>
<title>第二頁</title>
</head>
<body>
<p align="center"><font color="#FF0080">這是第二頁!</font></p>
</body>
</html>