Frame & Iframe (框架 & 內建框架)2

小魚 發表



框架設定和連結

<FRAMESET>

<html>
 <head>
  <title> NAME <title>
 </head>
 <frameset cols="100,*">
      <frame name="left" src="a.htm">
      <frame name="right" src="b.htm">
 </frameset>
 </html>


 以下是一些frameset例子:
例子
原始碼
   
<frameset cols="100,*">
      <frame name="left" src="a.htm">
  <    frame name="right" src="b.htm">
</frameset>
 
 
<frameset rows="100,*">
      <frame name="top" src="a.htm">
      <frame name="bottom" src="b.htm">
</frameset>
 
 
 
<frameset rows="100,*,100">
      <frame name="top" src="a.htm">
      <frame name="middle" src="b.htm">
      <frame name="bottom" src="c.htm">
</frameset>
 
  
<frameset rows="100,*">
      <frame name="top" src="a.htm">
<frameset cols="100,*">
      <frame name="lower_left" src="b.htm">
      <frame name="lower_right" src="c.htm">
</frameset>
</frameset>
   
 
<frameset cols="100,*">
      <frame name="left" src="a.htm">
<frameset rows="100,*">
      <frame name="upper_right" src="b.htm">
      <frame name="lower_right" src="c.htm">
</frameset>
</frameset>
   
 
<frameset cols="100,*">
<frameset rows="100,*">
      <frame name="upper_left" src="a.htm">
      <frame name="lower_left" src="b.htm">
</frameset>
      <frame name="right" src="c.htm">
</frameset>



<NOFRAMES>

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

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


<IFRAMES>

這標記只適用於IE. 它的作用是在一頁網頁中間插入一個框窗以顯示另一個文件。它是一個圍堵標記，但圍著的字句只有在瀏覽器不支援iframe 標記時才會顯示，如<noframes> 一樣，可以放些提醒字句之類。通常 iframe 配合一個辨認瀏覽器的 Java Script 會較好，若 JavaScript 認出該瀏覽器并非 Internet Explorer 便會切換至另一版本.
<iframe> 的參數設定如下：
例子： <iframe src="iframe.htm" name="test" align="MIDDLE" width="400" height="200" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">

src="iframe.html"
欲顯示於此框窗的文件來源除檔案名稱，必要加上相對或絕對路徑.
name="test"
此框窗名稱，這是連結標記的 target 參數所需要的.
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 則不容許捲動.

例子：
顯示結果:
原始碼:
<iframe src="iframe.htm" name="test" align="LEFT" width="150" height="100" marginwidth="5" marginheight="5" frameborder="1">
很抱歉，閣下使用的瀏覽器并不支援 IFrame，不能正常瀏覽我的網頁。</iframe>


 

最後更新日期: 8/24/2002 11:45:23 AM