<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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é)增加了內(nèi)容及較為詳細,正 如其它篇章一樣并不會提及網(wǎng)頁制作工具,若閣下學會了 HTML 相信你亦不會選用 Composer , FrontPage 一類的工具了。 

    ■ <FRAMESET> <FRAME> : 

    <FRAMESET> 稱框架標記,用以宣告HTML文件為框架模式,并設定視窗如何分割。 
    <FRAME> 則只是設定某一個框窗內(nèi)的參數(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% 寬度 為 一相對分割。您可自己調(diào)整數(shù)字。 
    ROWS="120,*" 
    就是橫向切割,將畫面上下分開,數(shù)值設定同上。唯 COLS 與 ROWS 兩參數(shù)盡量 不要同在一個 <FRAMESET> 標記中,因 Netacape 偶然不能顯示這類形的框架,盡 采用多重分割。 
    frameborder="0" 
    設定框架的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。(避 免使用 yes 或 no ) 
    border="0" 
    設定框架的邊框厚度,以 pixels 為單位。 
    bordercolor="#008000" 
    設定框架的邊框顏色。顏色值請參考【調(diào)色原理】。 
    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)頁檔案。你可 使用絕對路徑或相對路徑,有關此兩者詳見於【連結(jié)進階】 。 
    NAME="top" 
    設定這個框窗的名稱,這樣才能指定框架來作連結(jié),必須但任意命名。 
    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> 之間的內(nèi)容,而不是一片空白。這些內(nèi)容可以是提醒 瀏覽轉(zhuǎn)用新的瀏覽器的字句,甚至是一個沒有框架的網(wǎng)頁或能自動切換至沒有框架的版本 亦可。 
    應用方法: 
    在<frameset> 標記范圍加入 </NOFRAMES> 標記,以下是一個例子: 

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

    ■ <IFRAME> :  

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

    <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" 
    此框窗名稱,這是連結(jié)標記的 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 表示容許卷動(內(nèi)定), 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=*,表示頁面中沒有上下結(jié)構(gòu)的框架布局
    Cols設置同Row

    Frame參數(shù)

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

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

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


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


    網(wǎng)站導航:
     

    導航

    統(tǒng)計

    公告

    你好!

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章分類

    文章檔案

    新聞檔案

    相冊

    收藏夾

    C#學習

    友情鏈接

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲免费日韩无码系列| 精品亚洲成a人片在线观看少妇 | 国产成人亚洲影院在线观看| 国产无限免费观看黄网站| 久久精品国产亚洲AV麻豆网站| 99精品全国免费观看视频| 深夜特黄a级毛片免费播放| 亚洲av午夜福利精品一区人妖| 扒开双腿猛进入爽爽免费视频| 国产精品玖玖美女张开腿让男人桶爽免费看 | 亚洲一区二区三区首页| 色www永久免费视频| 免费看搞黄视频网站| 亚洲精品无码av中文字幕| 亚洲高清国产AV拍精品青青草原| 在线观看av永久免费| 国产一级高青免费| 亚洲熟妇AV一区二区三区浪潮 | 最近2019中文字幕免费看最新| 久久免费视频一区| 亚洲乱码国产乱码精华| 亚洲av永久无码精品古装片| 四虎永久免费影院| 成年黄网站色大免费全看| 久久精品免费网站网| 亚洲经典千人经典日产| 久久久亚洲欧洲日产国码二区 | 亚洲乱码中文字幕小综合| 亚洲色无码专区在线观看| 最新69国产成人精品免费视频动漫| 三年片在线观看免费观看大全动漫 | 精品日韩亚洲AV无码| 国产成人综合亚洲亚洲国产第一页| 成年轻人网站色免费看| 1a级毛片免费观看| 美女视频黄的免费视频网页| a级毛片免费观看在线| 免费播放美女一级毛片| 亚洲中文字幕无码mv| 亚洲人成网站在线观看播放动漫| 亚洲AV无码一区二区二三区入口 |