Hopes

          Start Here..

           

          frame iframe frameset


          frame,iframe,frameset 的區(qū)別

          作者:comet 日期:2006-11-16

          字體大小:   
           

          <FRAMESET> <FRAME> 
          <NOFRAMES> 
          <IFRAME> 
          欲明白本篇【HTML剖析】之標記分類請看 【標記一覽】。 
          亦請先明白圍堵標記與空標記的分別請看 【HTML概念】。 

          ■ 框架概念 : 
          所謂框架便是網(wǎng)頁畫面分成幾個框窗,同時取得多個 URL。只需要 <FRAMESET> <FRAME> 即可,而所有框架標記需要放在一個總起的 html 檔,這個檔案只記錄了該框架 如何劃分,不會顯示任何資料,所以不必放入 <BODY> 標記,瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。<FRAMESET> 是用以劃分框窗,每一框窗由一個 <FRAME> 標 記所標示,<FRAME>必須在 <FRAMESET> 范圍中使用。如下例: 
          <frameset cols="50%,*"> 
          <frame name="hello" src="up2u.html"> 
          <frame name="hi" src="me2.html"> 
          </frameset> 
          此例中 <FRAMESET> 把畫面分成左右兩相等部分,左便是顯示 up2u.html,右邊則會顯示 me2.html 這檔案,<FRAME> 標記所標示的框窗永遠是按由上而下、由左至右的次序。 

          本節(jié)與 Composer 教室的【運用框架】大部分相同,只是本節(jié)增加了內容及較為詳細,正 如其它篇章一樣并不會提及網(wǎng)頁制作工具,若閣下學會了 HTML 相信你亦不會選用 Composer , FrontPage 一類的工具了。 

          ■ <FRAMESET> <FRAME> : 

          <FRAMESET> 稱框架標記,用以宣告HTML文件為框架模式,并設定視窗如何分割。 
          <FRAME> 則只是設定某一個框窗內的參數(shù)屬性。 
          <FRAMESET> 參數(shù)設定: 
          例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> 

          COLS="90,*" 
          垂直切割畫面(如分左右兩個畫面),接受整數(shù)值、百分數(shù), * 則代表占用馀下空 間。數(shù)值的個數(shù)代表分成的視窗數(shù)目且以逗號分隔。例如COLS="30,*,50%" 可以 切成叁個視窗,第一個視窗是 30 pixels 的寬度,為一絕對分割,第二個視窗是當 分配完第一及第叁個視窗後剩下的空間,第叁個視窗則占整個畫面的 50% 寬度 為 一相對分割。您可自己調整數(shù)字。 
          ROWS="120,*" 
          就是橫向切割,將畫面上下分開,數(shù)值設定同上。唯 COLS 與 ROWS 兩參數(shù)盡量 不要同在一個 <FRAMESET> 標記中,因 Netacape 偶然不能顯示這類形的框架,盡 采用多重分割。 
          frameborder="0" 
          設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no ) 
          border="0" 
          設定框架的邊框厚度,以 pixels 為單位。 
          bordercolor="#008000" 
          設定框架的邊框顏色。顏色值請參考【調色原理】。 
          framespacing="5" 
          表示框架與框架間的保留空白的距離。 
          <FRAME> 參數(shù)設定: 
          例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> 

          SRC="a.html" 
          設定此框窗中要顯示的網(wǎng)頁檔案名稱,每個框窗一定要對應著一個網(wǎng)頁檔案。你可 使用絕對路徑或相對路徑,有關此兩者詳見於【連結進階】 。 
          NAME="top" 
          設定這個框窗的名稱,這樣才能指定框架來作連結,必須但任意命名。 
          frameborder=0 
          設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no ) 
          framespacing="6" 
          表示框架與框架間的保留空白的距離。 
          bordercolor="#008000" 
          設定框架的邊框顏色。顏色值請參考【HTML 剖析】。 
          scrolling="Auto" 
          設定是否要顯示卷軸,YES 表示要顯示卷軸,NO 表示無論如何都不要顯示, AUTO是視情況顯示。 
          noresize 
          設定不讓使用者可以改變這個框框的大小,亦沒有設定此參數(shù),使用者可以很隨 意地拉動框架,改變其大小。 
          marginhight=5 
          表示框架高度部份邊緣所保留的空間。 
          marginwidth=5 
          表示框架寬度部份邊緣所保留的空間。 
          以下是一些例子:(與 Composer 教室的【運用框架】相同) 

          例子 HTML Code 
          <frameset rows="80,*"> 
          <frame name="top" src="a.html"> 
          <frame name="bottom" src="b.html"> 
          </frameset> 

          例子 HTML Code 
          <frameset rows="80,*,80"> 
          <frame name="top" src="a.html"> 
          <frame name="middle" src="b.html"> 
          <frame name="bottom" src="c.html"> 
          </frameset> 

          例子 HTML Code 
          <frameset cols="150,*"> 
          <frameset rows="80,*"> 
          <frame name="upper_left" src="a.html"> 
          <frame name="lower_left" src="b.html"> 
          </frameset> 
          <frame name="right" src="c.html"> 
          </frameset> 

          例子 HTML Code 
          <frameset rows="80,*"> 
          <frame name="top" src="a.html"> 
          <frameset cols="150,*"> 
          <frame name="lower_left" src="b.html"> 
          <frame name="lower_right" src="c.html"> 
          </frameset> 
          </frameset>

          例子 HTML Code 
          <frameset cols="150,*"> 
          <frame name="left" src="a.html"> 
          <frameset rows="80,*"> 
          <frame name="upper_right" src="b.html"> 
          <frame name="lower_right" src="c.html"> 
          </frameset> 
          </frameset> 


          ■ <NOFRAMES> : 
          當別人使用的瀏覽器太舊,不支援框架這個功能時,他看到的將會是一片空白。為了避免 這種情況,可使用 <NOFRAMES> 這個標記,當使用者的瀏覽器看不到框架時,他就會看到 <NOFRAMES> 與 </NOFRAMES> 之間的內容,而不是一片空白。這些內容可以是提醒 瀏覽轉用新的瀏覽器的字句,甚至是一個沒有框架的網(wǎng)頁或能自動切換至沒有框架的版本 亦可。 
          應用方法: 
          在<frameset> 標記范圍加入 </NOFRAMES> 標記,以下是一個例子: 

          <frameset rows="80,*"> 
          <noframes> 
          <body> 
          很抱歉,閣下使用的瀏覽器不支援框架功能,請轉用新的瀏覽器。 
          </body> 
          </noframes> 
          <frame name="top" src="a.html"> 
          <frame name="bottom" src="b.html"> 
          </frameset> 
          若瀏覽器支援框架,那麼它不會理會 <noframes> 中的東西,但若瀏覽器不支援框架,由 於不認識所有框架標記,不明的標記會被略過,標記包圍的東西便被解讀出來,所以放在 <noframes>范圍內的文字會被顯示。 

          ■ <IFRAME> :  

          這標記只適用於 IE(comet:也使用于FireFox)。 它的作用是在一頁網(wǎng)頁中間插入一個框窗以顯示另一個文件。它是 一個圍堵標記,但圍著的字句只有在瀏覽器不支援 iframe 標記時才會顯示,如<noframes> 一樣,可以放些提醒字句之類。通常 iframe 配合一個辨認瀏覽器的 JavaScript 會較好,若 JavaScript 認出該瀏覽器并非 Internet Explorer 便會切換至另一版本。PS:一定要使用</iframe>關閉,否則后面的內容顯示不出來。

          <iframe> 的參數(shù)設定如下: 
          例子: <iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>

          src="iframe.html" 
          欲顯示於此框窗的文件來源除檔案名稱,必要加上相對或絕對路徑。 
          name="test" 
          此框窗名稱,這是連結標記的 target 參數(shù)所需要的, 
          align="MIDDLE" 
          可選值為 left, right, top, middle, bottom,作用不大 
          width="300" height="100" 
          框窗的寬及長,以 pixels 為單位。 
          marginwidth="1" marginheight="1" 
          該插入的文件與框邊所保留的空間。 
          frameborder="1" 
          使用 1 表示顯示邊框, 0 則不顯示。(可以是 yes 或 no) 
          scrolling="Yes" 
          使用 Yes 表示容許卷動(內定), No 則不容許卷動。

















          一,frameset和frame

          我們在做后臺管理的時候,難免會用到frameset和frame
          <Frameset>為框架標記,說明該網(wǎng)頁文檔為框架組成,并設定文檔中組成框架集的框架的布局。
          <Frame>用以設置組成框架集中各個框架的屬性。

          說白了,就是Frameset是爺爺,frame是孫子。爺爺肯定比孫子大。嘿嘿,這樣表述感覺挺爽的。

           Frameset參數(shù)

          參    數(shù)說    明
          Border設定框架的邊框厚度,以pixels為單位
          frameborder設定是否顯示框架的邊框,0為不顯示,1為顯示
          FrameSpacing表示框架與框架之間的距離
          BorderColor設定框架的邊框顏色
          Row將文檔分為上下的框架,Row后的值可以為數(shù)值或百分數(shù),*表示占用余下的空間,數(shù)值的個數(shù)代表水平分成的框架個數(shù),例如Rows=“210,*, 10%”,表示頁面分為上中下三個框架頁,上邊的框架占用210px,下邊的框架占用整個文檔的10%,余下的空間為中間的框架占用。*是一個相對的概念,例如Row=*,表示頁面中沒有上下結構的框架布局
          Cols設置同Row

          Frame參數(shù)

          參    數(shù)說    明
          Name設定框架的名稱,須為英文
          Src設置框架中顯示的頁面路徑和名稱,可為相對路徑亦可為絕對路徑
          Marginwidth表示框架距離左右邊緣的距離
          Marginheight表示框架距離上下邊緣的距離
          Scrollling設置是否在框架中顯示滾動條,yes為顯示,no為不顯示,auto表示當框架頁中內容超過框架的大小時自動顯示滾動條
          Frameborder設置是否顯示框架的邊框,0為不顯示,1為顯示
          Noresize設定是否可以讓使用者改變這個框架的大小,不設置此項可以讓瀏覽者任意拉動框架,改變框架的大小
          Framespacing表示框架與框架之間的距離
          Bordercolor設定框架的邊框顏色

          二,frameset,frame實例,以及分析

          posted on 2012-07-16 20:29 ** 閱讀(251) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導航:
           

          導航

          統(tǒng)計

          公告

          你好!

          常用鏈接

          留言簿(2)

          隨筆檔案

          文章分類

          文章檔案

          新聞檔案

          相冊

          收藏夾

          C#學習

          友情鏈接

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 星座| 常山县| 屯留县| 乌拉特前旗| 永川市| 五大连池市| 阜城县| 阳新县| 尤溪县| 苍山县| 五原县| 比如县| 临汾市| 怀宁县| 江津市| 万年县| 大渡口区| 从化市| 仁化县| 无棣县| 莒南县| 方山县| 环江| 通道| 视频| 新密市| 榆树市| SHOW| 阜南县| 遂宁市| 收藏| 贵阳市| 泰顺县| 彰化市| 天等县| 山东| 曲阳县| 东安县| 西乌珠穆沁旗| 沧源| 柘荣县|