第三篇
HTML教學
網頁研習室 第八節
分割視窗
 
分割視窗基本架構標籤
Src 原文為 Source
請注意:
因為 Body 標籤已經被 FrameSet 取代
所以不能再加 Body 標籤。
請注意:
FrameSet 標籤已列為不支援 HTML 5 的標籤
請注意:
Frame 標籤已列為不支援 HTML 5 的標籤
<Html>
<Head><Title>分割視窗基本架構</Title></Head>
<FrameSet Attributes> 指示分割視窗開始宣告,取代原有 <Body> 的位置
<Frame Attributes> 指示第一個子視窗開始宣告,不須結束標籤
<Frame Attributes> 指示第二個子視窗開始宣告,不須結束標籤
<NoFrame> 指示不支援分割視窗瀏覽器開始宣告
<Body> 指示當無法顯示分割視窗時使用,所以要使用 <Body> 開始宣告
很抱歉,您的瀏覽器不支援分割視窗功能。 指示瀏覽器不支援分割視窗時,會顯示這個內容,現在幾乎已不用了!
</Body> 指示 </Body> 結束宣告
</NoFrame> 指示不支援瀏分割視窗覽器結束宣告
</FrameSet> 指示分割視窗結束宣告,取代原有 </Body> 的位置
</Html>
語   法   說   明
<FrameSet> 是由兩個英文字組成,Frame (架構、骨架、結構之意思) + Set (放置、坐落、安裝之意思)。
用在網頁裡,我們就稱它為分割視窗,也就是將一個網頁(視窗),分割成數個不等的小網頁(視窗)。
每一個分割視窗一定要有一個 <FrameSet>Attributes 是它的相關屬性與值立即前往學習,需結束標籤。
<FrameSet> 主要功能是:設定採上下、左右分割或混合式分割視窗的方式,須配合相關屬性值,擴充其功能。
每一個被分割的視窗一定要有兩個 <Frame>Attributes 是它的相關屬性與值,不需要結束標籤。
<Frame> 的主要功能是:設定被分割的網頁名稱,須配合相關屬性值,擴充其功能。
所以,一個分割視窗至少要有 3 個 HTML 檔案組成,其中一個檔案就是本分割視窗的基本架構標籤。
另外 2 個 HTML 檔案,會被這個 <FrameSet> 隱藏起來,在網址列是看不到它的檔名的。
<NoFrame> 是用來提醒不支援分割視窗的瀏覽器,不需屬性,但要有結束 </NoFrame> 標籤。
<NoFrame> ... </NoFrame>包覆的範圍是寫入提示文字;不過,現在的瀏覽器幾乎都已支援分割視窗。
設定分割視窗第一步驟,就是要先製作一個 <FrameSet> 網頁用來宣告要如何分割這個視窗,介紹如下。
上下(橫向)分割視窗 <FrameSet Rows="X1,X2,..."> 主要屬性標籤說明
語   法   說   明
由左至右的方向稱為 Rows (列),一頁內如果有兩個橫向(列)視窗,那當然就可稱為上、下分割視窗。
屬性值"X1,X2,X3",單位為"pixel"|"%"|"",也就是絕對值 (pixel)、相對值 (%)與萬用字元()。
每一個X代表一個網頁(視窗),用來設定<Frame Src="URL">名稱,所以每個分割視窗至少要有 2 個X
那 3 個 X 呢?就可分配為上、中、下視窗,4 個 X 就表示有 4 個列的網頁(視窗),依此類推。
決定好分割方式,就可以開始設定<FrameSet Rows="X1,X2,..."> 標籤,有幾個Rows(列)就設定幾個X
左右(縱向)分割視窗 <FrameSet Cols="Y1,Y2,..."> 主要屬性標籤說明
語   法   說   明
由上至下的方向稱為 Cols (欄),一頁內如果有兩個縱向(欄)視窗,那當然就可稱為左、右分割視窗。
屬性值"Y1,Y2,Y3",單位為 "pixel"|"%"|"",也就是絕對值(pixel)、相對值(%)與萬用字元 ()。
每一個Y代表一個網頁(視窗),用來設定 <Frame Src="URL"> 名稱,所以每個分割視窗至少要有 2 個 Y
那 3 個 Y 呢?就可分配為左、中、右視窗 , 4 個 Y 就表示有 4 個欄的網頁(視窗),依此類推。
決定好分割方式,就可以開始設定<FrameSet Rows="Y1,Y2,...">標籤,有幾個Cols(欄)就設定幾個Y
指定分割視窗來源名稱 <Frame Src="URL"> 主要屬性標籤說明
語   法   說   明
在網頁圖片標籤時就介紹過 Src ,在此解釋為指定分割視窗來源名稱的意思,可使用絕對或相對路徑。
一般我們都會使用與被分割視窗有關的位置來命名,如上(Top.htm)、中(Middle.htm)、下(Down.htm)等。
如果是採用左右分割,命名方式大多會採用左 (Left.htm)、中 (Center.htm)、右 (Right.htm) 視窗檔名。
決定好視窗檔名,就可以開始設定 <Frame Src="URL"> 標籤,記的喔!被分割幾個就要設定幾個。
以下提供上下及左右被分割後的視窗示意圖,與分割視窗基本架構要用到的標籤,讓您先有個圖文對照比較。
這是一個三列與三欄式分割視窗範例與標籤說明,請想想看再看標籤姐說。
只要懂得以上規則,就很簡單吧?接下來我們開始介紹分割視窗的相關屬性標籤。
回到頂端