排版標(biāo)記
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
■ 框架概念 ：
所謂框架便是網(wǎng)頁畫面分成幾個框窗，同時取得多個 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架標(biāo)記 要放在一個總起的 html 檔，這個檔案只記錄了該框架 如何劃分，不會顯示任何資料，所以不必放入 <BODY> 標(biāo)記，瀏覽這框架必須讀取這檔 案而不是其它框窗的檔案。<FRAMESET> 是用以劃分框窗，每一框窗由一個 <FRAME> 標(biāo) 記所標(biāo)示，<FRAME>必須在 <FRAMESET> 范圍中使用。如下例：
<frameset cols=”50%,*”>
<frame name=”hello” src=”up2u.html”>
<frame name=”hi” src=”me2.html”>
</frameset>
此例中 <FRAMESET> 把畫面分成左右兩相等部分，左便是顯示 up2u.html，右邊則會顯示 me2.html 這檔案，<FRAME> 標(biāo)記所標(biāo)示的框窗永遠(yuǎn)是按由上而下、由左至右的次序。
本節(jié)與 Composer 教室的【運用框架】大部分相同，只是本節(jié)增加了內(nèi)容及較為詳細(xì)，正 如其它篇章一樣并不會提及網(wǎng)頁制作工具，若饋下學(xué)會了 HTML 相信你亦不會選用 Composer ， FrontPage 一類的工具了。
■ <FRAMESET> <FRAME> ：
<FRAMESET> 稱框架標(biāo)記，用以宣告HTML文件為框架模式，并設(shè)定視窗如何分割。
<FRAME> 則只是設(shè)定某一個框窗內(nèi)的參數(shù)屬性。
<FRAMESET> 參數(shù)設(shè)定：
例子：<frameset rows=”90,*” frameborder=”0″ border=0 framespacing=”2″ bordercolor=”#008000″>
● COLS=”90,*”
垂直切割畫面(如分左右兩個畫面)，接受整數(shù)值、百分?jǐn)?shù)， * 則代表占用馀下空 間。數(shù)值的個數(shù)代表分成的視窗數(shù)目且以逗號分隔。例如 COLS=”30,*,50%” 可以 切成三個視窗，第一個視窗是 30 pixels 的寬度，為一絕對分割，第二個視窗是當(dāng) 分配完第一及第三個視窗後剩下的空間，第三個視窗則占整個畫面的 50% 寬度 為 一相對分割。您可自己調(diào)整數(shù)字。
● ROWS=”120,*”
就是橫向切割，將畫面上下分開，數(shù)值設(shè)定同上。唯 COLS 與 ROWS 兩參數(shù)盡量 不要同在一個<FRAMESET> 標(biāo)記中，因 Netacape 偶然不能顯示這類形的框架，盡采用多重分割。
● frameborder=”0″
設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）
● border=”0″
設(shè)定框架的邊框厚度，以 pixels 為單位。
● bordercolor=”#008000″
設(shè)定框架的邊框顏色。
● framespacing=”5″
表示框架與框架間的保留空白的距離。
<FRAME> 參數(shù)設(shè)定：
例子：<frame name=”top” src=”a.html” marginwidth=”5″ marginheight=”5″ scrolling=”Auto” frameborder=”0″ noresize framespacing=”6″ bordercolor=”#0000FF”>
● SRC=”a.html”
設(shè)定此框窗中要顯示的網(wǎng)頁檔案名稱，每個框窗一定要對應(yīng)著一個網(wǎng)頁檔案。你可 使用絕對路徑或相對路徑，有關(guān)此兩者詳見於【連結(jié)進(jìn)階】。
● NAME=”top”
設(shè)定這個框窗的名稱，這樣才能指定框架來作連結(jié)，必須但任意命名。
● frameborder=0
設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。（避 免使用 yes 或 no ）
● framespacing=”6″
表示框架與框架間的保留空白的距離。
● bordercolor=”#008000″
設(shè)定框架的邊框顏色。顏色值請參考【HTML 剖析】。
● scrolling=”Auto”
設(shè)定是否要顯示卷軸，YES 表示要顯示卷軸，NO 表示無論如何都不要顯示， AUTO是視情況顯示。
● noresize
設(shè)定不讓使用者可以改變這個框框的大小，亦沒有設(shè)定此參數(shù)，使用者可以很隨 意地拉動框架，改變其大小。
● marginhight=5
表示框架高度部份邊緣所保留的空間。
● marginwidth=5
表示框架寬度部份邊緣所保留的空間。
以下是一些例子：（與 Composer 教室的【運用框架】相同）
| 例子 | HTML Code | ||
| <frameset rows=”80,*”> </frameset> |
| 例子 | HTML Code | |||
| <frameset rows=”80,*,80″> </frameset> |
| 例子 | HTML Code | |||
| <frameset cols=”150,*”> <frameset rows=”80,*”> </frameset> </frameset> |
| 例子 | HTML Code | ||||
| <frameset rows=”80,*”> <frameset cols=”150,*”> </frameset> </frameset> | |||||
| 例子 | HTML Code | |||
| <frameset cols=”150,*”> <frameset rows=”80,*”> </frameset> </frameset> |
■ <NOFRAMES> ：
當(dāng)別人使用的瀏覽器太舊，不支援框架這個功能時，他看到的將會是一片空白。為了避免 這種情況，可使用 <NOFRAMES> 這個標(biāo)記，當(dāng)使用者的瀏覽器看不到框架時，他就會看 到 <NOFRAMES> 與 </NOFRAMES> 之間的內(nèi)容，而不是一片空白。這些內(nèi)容可以是提醒 瀏覽轉(zhuǎn)用新的瀏覽器的字句，甚至是一個沒有框架的網(wǎng)頁或能自動切換至沒有框架的版本 亦可。
應(yīng)用方法：
在<frameset> 標(biāo)記范圍加入 </NOFRAMES> 標(biāo)記，以下是一個例子：
<frameset rows=”80,*”>
<noframes>
<body>
很抱歉，饋下使用的瀏覽器不支援框架功能，請轉(zhuǎn)用新的瀏覽器。
</body>
</noframes>
<frame name=”top” src=”a.html”>
<frame name=”bottom” src=”b.html”>
</frameset>
若瀏覽器支援框架，那堋它不會理會 <noframes> 中的東西，但若瀏覽器不支援框架，由 於不認(rèn)識所有框架標(biāo)記，不明的標(biāo)記會被略過，標(biāo)記包圍的東西便被解讀出來，所以放在 <noframes>范圍內(nèi)的文字會被顯示。
■ <IFRAME> ：
這標(biāo)記只適用於 IE。 它的作用是在一頁網(wǎng)頁中間插入一個框窗以顯示另一個文件。它是 一個圍堵標(biāo)記，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時才會顯示，如<noframes> 一樣，可以放些提醒字句之類。通常 iframe 配合一個辨認(rèn)瀏覽器的 Java Script 會較好，若 JavaScript 認(rèn)出該瀏覽器并非 Internet Explorer 便會切換至另一版本。
<iframe> 的參數(shù)設(shè)定如下：
例子： <iframe src=”iframe.html” name=”test” align=”MIDDLE” width=”300″ height=”100″ marginwidth=”1″ marginheight=”1″ frameborder=”1″ scrolling=”Yes”>
● src=”iframe.html”
欲顯示於此框窗的文件來源除檔案名稱，必要加上相對或絕對路徑。
● name=”test”
此框窗名稱，這是連結(jié)標(biāo)記的 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 則不容許卷動。
例子：
| 原始碼 | <center> <iframe src=”http://createwh.com/” name=”test” align=”MIDDLE” width=”300″ height=”100″ marginwidth=”5″ marginheight=”5″ frameborder=”1″> 很抱歉，閣下使用的瀏覽器并不支援 IFrame，不能正常瀏覽我的網(wǎng)頁。</iframe> </center> |
| 顯示結(jié)果 |
