HTML教學：內套框架

內套框架

注意：截至2001年1月，內套框架僅適用於微軟探險家(MS IE)3.0版本以上或是歌劇(Opera)5.0版本以上，網景領航員(NS Nav)則不適用。
近年來，微軟探險家的版本、功能和市場佔有率不斷提昇，不論你是否喜歡微軟公司或其產品，你都不能忽略內套框架也愈來愈普及的事實。所以艾爾弗烈德也特別在這兒撰文介紹<IFRAME>內套框架(In-line Frame)。

在基本框架旗標中我們介紹了如何將視窗分割為數個框格。內套框架的原理是相同的，只是它不是在分割視窗，而是在網頁中"挖出"一塊框格，在框格中顯示另外一篇網頁的內容。範例如下：

內套框架旗標
內套框架的視覺效果和表格(TABLE)非常類似，內套框架旗標<IFRAME>和表格旗標的使用時機也非常類似，你不需要寫什麼FRAMESER、COLS、ROWS等等指令，你可以直接在網頁的任何位置加入內套框架旗標，如上例。而且它最大的優點就是它會隨著網頁捲動，不會造成侷促的分割視窗空間。其語法如下：
<IFRAME SRC="FrameIn01.html"><IFRAME>
會不會覺得太簡單了？

IFRAME　內套框架開始旗標。
SRC　內套框架所顯示的網頁。
/FRAME　內套框架回復旗標。

多個內套框架
你或許會問：能不能有許多個內套框架啊？當然可以，範例如下：

其語法如下：
<IFRAME src="FrameIn02.html" name=up></IFRAME>
<IFRAME src="FrameIn03.html" name=down></IFRAME>

內套框架(IFRAME)的作用是在網頁中"挖出"一塊框格，它依然是框架(Frame)，所以它的連結控制在基本框架旗標中都提到過，上圖中我們使用NAME=屬性將兩個框格分別命名為up和down。在up框格內則運用TARGET=屬性，其語法如下：
<p align=center><a href="FrameIn04.html" target="down">請按這裡</a>
<br>看看下方框格內容有什麼變化
<p align=center><a href="FrameIn03.html" target="down">恢復原狀</a>

按鈕控制

有些網友喜歡使用按鈕控制連結，那我們就加上兩個按鈕吧！語法如下：
<FORM action="FrameIn07.html" target=lower>
<INPUT type=submit value="數字７">
</FORM>
<FORM action=FrameIn06.html target=lower>
<INPUT type=submit value="數字６">
</FORM>
註：如果你不太熟悉表單旗標<FORM>，請容艾爾弗烈德另文撰述。

無縫內套框架
玩夠了嗎？再試兩個按鈕吧！

這是內套框架(IFRAME)的優點，天衣無縫讓你幾乎忘了它的存在，其實上例是由兩個無縫內套框架組成的。語法如下：
<IFRAME SRC="FrameIn08.html" NAME="ceiling" FRAMEBORDER="0"></IFRAME><br>
<IFRAME SRC="FrameIn09.html" NAME="bottom" FRAMEBORDER="0"></IFRAME>
我設定框線寬度屬性為零(FRAMEBORDER="0")，再將內套框格內的網頁底色也設定為淡黃色，那麼就融為一體渾然天成了。

其它屬性控制
要記得：內套框架(IFRAME)仍然是框架(FRAME)，所以許多屬性控制指令是相同的，我就不一一舉例說明了。

HEIGHT="--"　框格高度控制。

WIDTH="--"　框格寬度控制。

MARGINHEIGHT="--"　框格內容垂直方向留白。

MARGINWIDTH="--"　框格內容水平方向留白。

SCROLLING="--"　NO為取消自動捲軸。

ALIGN="--"　框格內容對齊方式：TOP(上)、BOTTOM(下)、LEFT(左)、RIGHT(右)、MIDDLE(中)。

結語
雖然內套框架(IFRAME)功能強大，但它僅適用於微軟探險家(MS IE)3.0版本以上或是歌劇(Opera)5.0版本以上，使用網景領航員(NS Nav)的網友就不能一窺全貌了。你若使用了內套框架，若不能為使用網景領航員的網友們另寫一套網頁，至少可以加上一段說明，免得他們不知道你是走在時代前端，還以為你的網頁設計得七零八落的。語法如下：
<IFRAME SRC="frampagename.html" >
如果你會看到這段文字，表示你的瀏覽程式不支援內套框架(IFRAME)，請至.........下載新版的.........，以得到最好的瀏覽效果。
</IFRAME>

【框架設計】【基本框架旗標】【框架變化運用】【無縫框架】
【內套框架】【框架著色】【同時更新框架】【框架優缺點】