Frame

Netscape 公司在推出其新的 Nescape Navigator 2.0 Beta 測試版之際,也支援了一些新的 html 標籤。下面要介紹的是 FRAMESET 這個新東西。

大家應該都知道有的電視提供了子母畫面的功能, 就是一個電視螢幕被分成至少兩個以上的畫面各別播放不同的節目。Frameset 就是企圖在一個瀏覽器中照使用者的需求分割成任意個數的 frames (或framesets) 每個 frames 可以顯示不同的 html 檔案,除此之外還有不少特色...。在此要提到的新標籤包括有 :

<FRAME>

其中, 若有 <FRAMESET> 則就不用 <BODY> 這個標籤。 <FRAMESET> 之內只能出現另外的 <FRAMESET> ,<FRAME> 或 <NOFRAME> 等標籤。

<FRAMESET>

這個標籤是標示 frames 的存在。一個 frameset 可以包含很多 frames 或 framesets,就像 <TABLE> 裡面可以包含很多 rows 和 table cells 一樣。 <FRAMESET> 用 ROWS 和 COLS 兩個屬性(一次只能用其中一個)來設定這組 frameset 每行(列)有幾個 frame ,大小各為多少。例如:

	<FRAMESET COLS="*,*,*">

表示這個 frameset 有三行 (columns), 這三個 frames (或frameset) 的寬度相同, 均分整個 frameset 所佔的瀏覽器畫面。

	<FRAMESET ROWS="5%,20%,50%,25%">

表示這個 frameset 有四列 (rows), 這四列 frame (或frameset) 的高度分別是整個的 5%, 20%, 50%, 及 25%。

	<FRAMESET COLS="100,400">

表示這 frameset 有兩行 (columns), 這兩行 frame (或frameset) 的寬度分別是 100 個像素(pixels) 和 400個像素(pixels)。若要如此的設定,事先要很了解使用者的瀏覽器大小才行...通常這是不可能的事...:-)

<FRAMESET>這個標籤要有相對應的結束標籤 -- </FRAMESET>。

<FRAME>

這個標籤是用來描述一個 frame, 因為這個標籤不是用來標示文字或資料的, 也不包含其他標籤,所以不須要相對應的結束標籤。這標籤有不少屬性,概述如下:

SRC="URL": 這個屬性指定了此 frame 內所應對應到的 URL。
NAME="window_name": 每一個 frame 都可以指定一個名字給它,使得這個 frame 可以當作別的連結的目標。
MARGINWIDTH="value"
MARGINHEIGHT="value": 這兩個屬性決定 frame 中文件到 frame 的邊緣要空多少像素(pixels)。
SCROLLING="yes|no|auo": 控制每個 frame 的邊邊是否須要捲動棒。原定值是 "auto" -- 自動決定。
NORESIZE: 每個 frame 的大小是可以 "線上" 即時改變的,但若加了這項,則此功能就失去效果了。

<NOFRAME>

並非每個瀏覽器都支援 <FRAMESET>, <FRAME> 這兩個標籤的! 所以這個標籤內的東西就是給那些看不到 <FRAMESET>, <FRAMET> 等的效果的瀏覽器看的。能看 <FRAMESET>, <FRAME>的瀏覽器則會忽略 <NOFRAME> 及 </NOFRAME> 間的所有東東。

下面是我自己的 homepage 的範例,有抄襲 nescape 之嫌...:-)。

<HTML>
<HEAD>
<TITLE>YM's HomePage --- FRAMESET version</TITLE>
</HEAD>
<base href="http://www.math.ncu.edu.tw">
<FRAMESET rows="17%,78%,5%">
    <frame src="/~chenym/head.html" name="head" scrolling="no">
  <FRAMESET cols="65%,35%">
    <frame src="/~chenym/mylist.html" name="content" scrolling="auto">
    <frame src="/~chenym/frame.html" name="main" scrolling="auto">
  </FRAMESET>
    <frame src="/~chenym/tail.html" name="tail" >
</FRAMESET>
</HTML>

前面提到 <FRAME> 這標籤中有個叫做 NAME 的屬性,可以指定一個名字給一個 frame。這引伸出一個觀念,就是每當使用者按下一個 link, 則傳回來的資料都可以傳到一個指定的 "目標"。這目標可以是某個 NAME="conent" 的 frame, 或是某個叫 "window" 的瀏覽器視窗。 Nescape 提供了一些新的屬性以支援這樣的功能。 TARGET 屬性就可以指定"目標"。例如 TARGET="window"。現在這個屬性適用在 <BASE>, 和 <A> 這兩個標籤。同時 target 屬性也有一些內定值，例如:

target="_top": 這表示按下此處會將所連結的內容顯示在目前的整個瀏覽器視窗。本來有 frame 或 frameset 的都會失效。
target="_parent": 按下此處後，所連結的內容會出現在目前瀏覽器視窗的「母視窗」。
target="_blank": 按下此處，所連結的內容就跑到一個新的未命名的空白瀏覽器視窗。
target="_self": 按下去，所連結的內容會出現在剛剛游標所在的視窗。

<FONT> 這標籤現在也多了一個新屬性 -- COLOR。如此一來,控制自如的文字顏色及字體大小就不再只是夢想了。利用 COLOR="#RRGGBB" 就可以指定顏色給文字。其中 RR,GG,BB 分別是三個 16 進位的值,代表 "紅"、"藍"、"綠"三原色的成分。

<SUB>和<SUP>這兩個 HTML 3.0 草稿中的標籤,現在也獲得 Netscape 的瀏覽器的支援了。這兩個標籤主要是為了將來能處理科學符號 (像 x 的 y 次方) 因應而生的標籤。這兩個標籤所標示的文字分別表示 ^Superscrips 和 _Subscripts 。結束標籤 ( </SUB> 和 </SUP> ) 是不能省的!

<DIV>
這個也是從 HTML3 的草稿中抓出來的新標籤。可以用<DIV align="center|right| left">及<DIV>控制一段 HyperText 的位置。

<BIG> 和 <SMALL>
從今起，字可以直接變大(BIG)和變小(SMALL)了。

參考資料:

Back