第三篇
HTML教學 		網頁研習室 第八節
分割視窗 		 
<Frame> 屬性與值
<Frame> 屬性標籤說明
語   法   說   明
屬性FrameSet標籤有：Src、Name、FrameBorder、MarginWidth、MarginHeight、Scrolling、NoResize。
而可能與 IE 瀏覽器不相容的屬性計有：BorderColor。
可能與IE 瀏覽器專用標籤瀏覽器相互衝突的屬性，對其它瀏覽器恐會產生無法顯示或顯示不一樣的後果，建議不要大量使用。
這裡一直強調部份標籤或屬性，可能與 IE 瀏覽器不相容的問題，主要是 IE 瀏覽器雖然是目前使用率最高瀏覽器，但據調查瞭解，還有近 40 % 的網友使用各種不同瀏覽器或版本 查看顯示結果，而且各家瀏覽器一直在不斷創新中，今天說的明天可能已不適用，所以建議使用 W3C 組織制定的 HTML 正規通用標籤或屬性，才是網站製作者的最佳保證。
指定分割視窗來源名稱 <Frame Src="URL"> 屬性標籤說明
語   法   說   明
我們前面對 <Frame Src="URL"> 標籤有深入的介紹，如果您是跳躍選讀本篇文章，建議您回頭立即前往複習參考一下。
這裡對屬性值 "URL ，可使用絕對值(網址)或相對(檔案)，再做以下補充說明。
對於網站各種鏈結檔案，除非是對外(如友站、推薦網站等)之鏈結外，強烈建議盡可能採用相對(檔案)值。
關於相對值之運用，我在第六節網頁超鏈結內有一篇【重要的路徑觀念】我要回去複習，一定要徹底學會喔。
指定視窗名字 <Frame Name="指定視窗名字"> 屬性標籤說明
語   法   說   明
這個屬性 Name="指定視窗名字 您是否很熟？沒錯！我們在網頁超鏈結介紹過【內頁鏈結標籤】，還記得嗎？
如果您一點印象都沒有？真的有必要再回頭立即前往複習複習一下，這對您的學習是有助益的。
前面說過在一個分割視窗裡，至少要有 2 個以上視窗存在，如果同時有很多個小視窗時，那該怎麼辨認？
為了讓超鏈結標籤，能夠知到它要前往的視窗位置，就必先指定一個視窗文字字串的名字(Text String)給它。
一般指定分割視窗命名方式，都會以視窗實際位置為參考，以利網站製作者容易記憶與索引。
這個超鏈結標籤語法便是：<A Target="Name" Href="指定的檔名">To Name</A>。
例如；上 (Top)、中 (Middle)、下 (Down) 或者左 (Left)、中 (Center)、右 (Right) 等視窗名子。
請按滑鼠右鍵下一步驟檢視原始檔，打開記事本查看下一步驟本頁 HTML 原始碼，分別查看下面範例是怎樣設定鏈結的。
<FrameSet Rows="50%,*">
<Frame Name="Up" Src="up.htm">
<Frame Name="Down" Src="down.htm">
 <FrameSet Rows="*,35%,*">
<Frame Name="Left" Src="left.htm">
<Frame Name="Center" Src="center.htm">
<Frame Name="Right" Src="right.htm">
點選圖片可進入實際畫面 點選圖片可進入實際畫面
  up.htm 檔案內的鏈結語法如下：
<A Target="Down" Href="ok.htm">To Down</A>
  down.htm 檔案內的鏈結語法如下：
<A Target="Up" Href="ok.htm">To Up</A>
   left.htm 檔案內的鏈結語法如下：
<A Target="Center" Href="ok.htm">To Center</A>
  center.htm 檔案內的鏈結語法如下：
<A Target="Right"|"Left" Href="ok.htm">To Right Or To Left</A>
  right.htm 檔案內的鏈結語法如下：
<A Target="Center" Href="ok.htm">To Center</A>
分割視窗邊緣線 <Frame FrameBorder="Yes"|"1"|"No"|"0"> 屬性標籤說明
語   法   說   明
我們前面對 FrameBorder 屬性標籤也有詳細的介紹，如果您是跳躍選讀本篇文章，建議您回頭立即前往複習參考一下。
邊緣留白距離 <Frame MarginWidth="Pixels" MarginHeight="pixels"> 屬性標籤說明
語   法   說   明
MarginWidth 是由兩個英文字組成，Margin (邊、邊沿、邊緣意思) + Width (寬度、寬闊、橫向意思)。
用在這裡，是指被分割的視窗資料內容與分割視窗的左、右邊緣留白距離，屬性值單位為 Pixels"。
屬性值設 0" 表示與左、右邊資料內容會緊密與左、右邊緣連在一起。
MarginHeight 是由兩個英文字組成，Margin (邊、邊沿、邊緣意思) + Height (高度、寬闊、縱向意思)。
用在這裡，是指被分割的視窗資料內容與分割視窗的上、下邊緣留白距離，屬性值單位為 Pixels"。
屬性值設 0" 表示與上、下邊資料內容會緊密與上、下邊緣連在一起。
一般為了控制適當的邊緣距，經常會將 MarginWidth 及 MarginHeight，這 2 個屬性值設為"0"。
為顧及不同瀏覽器屬性採用方式不同，請同時加入IE 專用專用屬性，LeftMargin 及 TopMargin 顯示比較圖示。
點擊圖片畫面不放，可移動本圖片
這樣解說您可能看了眼花撩亂，我特別製作這 2 個圖示及範例(如下)，請點選圖片進入實際畫面比較。
<FrameSet Rows="50%,*">
<Frame Src="width1.htm">
<Frame MarginWidth="0" Src="width2.htm">
 <FrameSet Rows="*,35%,*">
<Frame Src="height1.htm">
<Frame MarginHeight="50" Src="height2.htm">
<Frame MarginHeight="0" Src="height3.htm">
點選圖片可進入實際畫面 點選圖片可進入實際畫面
請注意：
如果顯示內容超過其範圍，那就會看不到喔！
分割視窗捲軸 <Frame Scrolling="Yes"|"No"|"Auto"> 屬性標籤說明
語   法   說   明
屬性標籤 Scrolling 中文意思為視窗捲軸，屬性值為"Yes"(有)、"No"(無)、"Auto"(自動判斷)三種。
用在這裡，是指分割視窗內子視窗如果過長(寬)時，是否允許產生捲軸，內定值為 "Auto"，自動判斷。
是否需要捲軸，端看網頁內容而定，一般考慮外觀時會設定屬性值為 "No" ，不允許產生捲軸 。
請注意：在這裡 Scrolling 屬性值，不能將 "No"(無) 改設為 "0" 喔。
測試下面範例時，請將視窗高度縮短，並請按滑鼠右鍵下一步驟檢視原始檔，打開記事本查看下一步驟本頁 HTML 原始碼。
不允許縮放分割視窗 <Frame NoResize> 屬性標籤說明
語   法   說   明
NoResize 是由兩個英文字組成， No (不可、不允許、禁止之意思) + Resize (調整此寸、變更大小之意思)。
用在這裡，是指不允許使用者動手縮放分割視窗內子視窗變大或變小，為獨立屬性，不需屬性。
大多數我們都不允許訪客去移動或變更我們的分割視窗尺寸，因內定值為允許縮放，故應加入 NoResize 屬性。
測試下面範例時，請將視窗高度縮短，並請按滑鼠右鍵下一步驟檢視原始檔，打開記事本查看下一步驟本頁 HTML 原始碼。
以下我按上面教過的屬性，做兩個範例讓您實際比較看看，點選圖片後會以新視窗開啟分割視窗畫面。
分割視窗捲軸範例 不允許縮放分割視窗
<FrameSet Rows="50%,*" FrameBorder="0">
<Frame Src="scroll1.htm" Scrolling="Yes">
<Frame Src="scroll2.htm" Scrolling="No>
<Frame Src="scroll3.htm" Scrolling="Auto>
 <FrameSet Rows="*,35%,*" FrameBorder="1">
<Frame Src="noresize1.htm" NoResize>
<Frame Src="noresize2.htm">
<Frame Src="noresize3.htm">
點選圖片可進入實際畫面 點選圖片可進入實際畫面
打開新視窗後，記得養成按滑鼠右鍵下一步驟檢視原始檔，打開記事本查看下一步驟本頁 HTML 原始碼習慣。
分割視窗邊緣線顏色 <FrameSet BorderColor="#RRGGBB"|"Color Name"> 屬性標籤說明
語   法   說   明
BorderColor 是指分割視窗邊緣線顏色，屬性值用法與前面教過的一樣，如果不懂請回頭我要回去複習再複習一遍。
如欲使用 BorderColor 屬性時，FrameBorder 屬性值必需設為 "1" ，以上則要改用 Border 才能看的到。
除非特效需要，否則一般網站很少會使用到這個屬性，有興建自己可以實際測試看看。
回到頂端