HTML入門教程(七)

HaoTia(n) 2010-12-26

展開全文

七、幀標志

1.<frameset></frameset>
 2.<frame>
 3.<noframes></noframes>

幀是由英文Frame翻譯過來的，它可以用來向瀏覽器窗口中裝載多個Html文件。即每個Html文件占據(jù)一個幀，而多個幀可以同時顯示在同一個瀏覽器窗口中，它們組成了一個最大的幀，也即是一個包含多個Html文檔的Html文件(我稱它為主文檔)。幀通常的使用方法是在一個幀中放置目錄(即可供選擇的鏈接)，然后將Html文件顯示在另一個幀中。

1.<frameset></frameset>
<frameset></frameset>標志對放在幀的主文檔的<body></body>標志對的外邊，也可以嵌在其他幀文檔中，并且可以嵌套使用。此標志對用來定義主文檔中有幾個幀并且各個幀是如何排列的。它具有rows和cols屬性，使用<frameset>標志時這兩個屬性至少必須選擇一個，否則瀏覽器只顯示第一個定義的幀，剩下的一概不管，<frameset></frameset>標志對也就沒有起到任何作用了。rows用來規(guī)定主文檔中各個幀的行定位，而cols用來規(guī)定主文檔中各個幀的列定位。這兩個屬性的取值可以是百分數(shù)、絕對像素值或星號(“*”)，其中星號代表那些未被說明的空間，如果同一個屬性中出現(xiàn)多個星號則將剩下的未被說明的空間平均分配。同時，所有的幀按照rows和cols的值從左到右，然后從上到下排列。示例如下：

<frameset rows=",,*">	總共有三個按列排列的幀,每個幀占整個瀏覽器窗口的1/3
<frameset cols="40%,,">	總共有三個按行排列的幀,第一個幀占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個幀
<frameset rows="40%," cols="50%,,200">	總共有六個幀,先是在第一行中從左到右排列三個幀,然后在第二行中從左到右再排列三個幀,即兩行三列,所占空間依據(jù)rows和cols屬性的值,其中200的單位是像素

2.<frame>
 <frame>標志放在<frameset></frameset>之間，用來定義某一個具體的幀。<frame>標志具有src和name屬性，這兩個屬性都是必須賦值的。src是此幀的源Html文件名(包括網(wǎng)絡路徑,即相對路徑或網(wǎng)址)，瀏覽器將會在此幀中顯示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>。這樣一來，就可以在一個幀中建立網(wǎng)站的目錄，加入一系列鏈接，當點擊鏈接以后在另一個幀中顯示被鏈接的Html文件。
此外，<frame>標志還有scrolling和noresize屬性，scrolling用來指定是否顯示滾動軸，取值可以是“yes”(顯示)、“no”(不顯示)或“auto”(若需要則會自動顯示,不需要則自動不顯示)。noresize屬性直接加入標志中即可使用，不需賦值，它用來禁止用戶調(diào)整一個幀的大小。

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>
對不起，您的瀏覽器不支持“幀”！
</body>
</noframes>
</frameset>
</html>

menu.htm
<html>
<head>
<title>目錄</title>
</head>
<body>
目錄
<a href="page1.htm" target="Main">鏈接到第一頁</a>
<a href="page2.htm" target="Main">鏈接到第二頁</a>
</body>
</html>

page1.htm
<html>
<head>
<title>第一頁</title>
</head>
<body>
這是第一頁！
</body>
</html>

page2.htm
<html>
<head>
<title>第二頁</title>
</head>
<body>
這是第二頁！
</body>
</html>

若想看此例在瀏覽器中顯示的結(jié)果請自己動手試試吧。