|
■ 框架標(biāo)記
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
欲明白本篇【HTML徹底剖析】之標(biāo)記分類，請(qǐng)看 【標(biāo)記一覽】。
也請(qǐng)先明白圍堵標(biāo)記與空標(biāo)記的分別，請(qǐng)看 【HTML概念】。
■ 框架概念 ：
謂框架便是網(wǎng)頁(yè)畫面分成幾個(gè)框窗，同時(shí)取得多個(gè) URL。只需要 <FRAMESET> <FRAME> 即可，面所有框架標(biāo)記需要放在一個(gè)總起的 html 檔，這個(gè)檔案只記錄了該框架如何分割 ，不會(huì)顯示任何資料，所以不必放入 <BODY> 標(biāo)記，瀏覽這框架必須讀取這檔案 面不是其他框窗的檔案。<FRAMESET> 是用來劃分框窗，每一窗框由一個(gè) <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，右邊則會(huì)顯示 me2.html 這檔案，<FRAME> 標(biāo)記所標(biāo)示的框窗永遠(yuǎn)是按由上而下、由左至右的次序。
以上所述只是最簡(jiǎn)單的框架設(shè)定，若希望達(dá)到更合適的效果請(qǐng)加入或修改以下各參數(shù)。
標(biāo)記：<FRAMESET>
例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset>
功用：宣告HTML文件為框架模式，并設(shè)定視窗如何分割。
參數(shù)：
- COLS="90,*"
垂直切割畫面(如分左右兩個(gè)畫面)，接受整數(shù)值、百分?jǐn)?shù)， * 則代表占用剩余的空間。數(shù)值的個(gè)數(shù)代表分成的視窗數(shù)目且以逗號(hào)分隔。例如 COLS="30,*,50%" 可以切成三個(gè)視窗，第一個(gè)視窗是 30 pixels 的寬度，為一絕對(duì)分割，第二個(gè)視窗是當(dāng)分配完第一及第三個(gè)視窗后剩下的空間，第三個(gè)視窗則占整個(gè)視窗畫面的 50% 寬度為一相對(duì)分割。你可自己調(diào)整數(shù)字。
- ROWS="120,*"
這是橫向切割，將畫面上下分開，數(shù)值設(shè)定同上。 COLS 與 ROWS 兩參數(shù)盡量不要放在同一個(gè) <FRAMESET> 標(biāo)記中，因 Netacape 偶然不能顯示這類型的框架，盡量采用多重分割，如以上各例。
- frameborder="0"
設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要顯示邊框。
- border="0"
設(shè)定框架的邊框厚度，以 pixels 為單位。
- bordercolor="#008000"
設(shè)定框架的邊框顏色。顏色值請(qǐng)參考【調(diào)色原理】。
- framespacing="5"
表示框架與框架間保留的空白的距離。
標(biāo)記：<FRAME>
例子：<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
功能：設(shè)定每一個(gè)框窗內(nèi)的參數(shù)屬性。
參數(shù)：
- SRC="a.html"
設(shè)定此框窗中要顯示的網(wǎng)頁(yè)檔案名稱，每個(gè)框窗一定要對(duì)應(yīng)一個(gè)網(wǎng)頁(yè)檔案。
- NAME="top"
設(shè)定這個(gè)框窗的名稱，這樣才能指定框架來作鏈接，必須但任意命名。
- frameborder=0
設(shè)定框架的邊框，其值只有 0 和 1 ， 0 表示不要邊框， 1 表示要邊框。
- framespacing="6"
表示框架與框架間的保留的空白的距離。
- bordercolor="#008000"
設(shè)定框架的邊框顏色。
- scrolling="Auto"
設(shè)定是否要顯示卷軸，YES 表示要顯示卷軸，NO 表示無論如何都不要顯示卷軸，AUTO 視情況而定。
- noresize
設(shè)定不讓使用者可以改變這個(gè)框框的大小，如沒有設(shè)定此參數(shù)，使用者可隨意地拉動(dòng)框架改變其大小。
- marginhight=5
表示框架高度部分邊緣所保留的空間。
- marginwidth=5
表示框架寬度部分邊緣所保留的空間。 以下是一些例子：
| 例子 |
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> |
當(dāng)別人使用的瀏覽器太舊，不支持框架功能時(shí)，他看到的將是一片空白。為了避免這種情況，可使用 <NOFRAMES> 這個(gè)標(biāo)記，當(dāng)使用者的瀏覽器看不到框架時(shí)，他就會(huì)看到 <NOFRAMES> 與 </NOFRAMES> 之間的內(nèi)容，而不是一片空白。這些內(nèi)容可以是提醒瀏覽者采用新的瀏覽器的字句，也可以是一個(gè)沒有框架的網(wǎng)頁(yè)或切換到?jīng)]有框架的版本的鏈接都可。
應(yīng)用方法：
在<frameset> 標(biāo)記范圍加入 </NOFRAMES> 標(biāo)記，以下是例子：
- <frameset rows="80,*">
- <noframes>
<body>
很抱謙，您使用的瀏覽器不支持框架功能，請(qǐng)采用新版本的瀏覽器。
</body>
</noframes>
- <frame name="top" src="a.html">
- <frame name="bottom" src="b.html">
- </frameset>
若瀏覽器支持框架，那么它不會(huì)理會(huì) <noframes> 中的內(nèi)容，但若瀏覽器不支持框架，由于不認(rèn)識(shí)所有框架標(biāo)記，不明的標(biāo)記被略過，標(biāo)記包圍的內(nèi)容便被解讀出來，所以在 <noframes>范圍內(nèi)的文字被顯示。
這標(biāo)記只適用于 IE。 它的作用是在一頁(yè)中間插入一個(gè)框窗以顯示另一個(gè)文件。它是一個(gè)圍堵標(biāo)記，但圍堵著的字句只有在瀏覽器不支持 iframe 標(biāo)記時(shí)才顯示，如<noframes> 一樣，可以放一些提醒的字句之類。通常 iframe 配合一個(gè)辯認(rèn)瀏覽器的的 Java Script 會(huì)更好，若于 JavaScript 認(rèn)出該瀏覽器并非 Internet Explorer 便會(huì)切換到另一個(gè)版本。
<iframe> 的參數(shù)如下：
例子： <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">
- src="iframe.html"
欲顯示于此框窗的文件來源除檔案名稱，必要加上相對(duì)或絕對(duì)路徑。
- name="test"
此框窗名稱，這是鏈接標(biāo)記的 target 參數(shù)所需要的，
- align="MIDDLE"
可選值為 left, right, top, middle, bottom，作用不大
- width="300" height="100"
框窗的寬及長(zhǎng)，以 pixels 為單位。
- marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
- frameborder="1"
使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）
- scrolling="Yes"
使用 Yes 表示允許卷動(dòng)（內(nèi)定）， No 則不許。
例子：
| 原代碼 |
<center> <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1">
很抱謙，您的瀏覽器并不支持 IFrame，不能正常瀏覽我的網(wǎng)頁(yè)。</iframe>
</center> | |