初學:詳細講解網頁架構frameset的使用心得

來源:互聯網
上載者:User
初學|網頁|心得 最近在搞網頁編程,總結了frameset 的一些提示,供大家參考哦,還是先剖析一下架構吧!

■ 架構標記

  <FRAMESET> <FRAME>
  <NOFRAMES>
  <IFRAME>

  欲明白本篇【HTML徹底剖析】之標記分類,請看 【標記一覽】。
  也請先明白圍堵標記與空標記的分別,請看 【HTML概念】。

■ 架構概念 :

  謂架構便是網頁畫面分成幾個框窗,同時取得多個 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> 標記所標示的框窗永遠是按由上而下、由左至右的次序

<FRAME>
用法:      定義一個幀
開始/結束標識: 必須/非法
屬性:      name="..."定義幀的名字
         scr="..."定義在幀中顯示的內容的來源
         frameborder="..."定義幀之間的邊界(0或1)
         margwidth="..."設定幀的邊界和其中內容之間的間距
         margheight="..."設定幀的邊界和其中內容之間的間距化
         noresize="..."使幀的尺寸不能變
         scrolling="..."設定捲軸的表示方式(auto, yes, no)
空:       不允許

<FRAMESET>...</FRAMESET>
用法:      定義在一個視窗中幀的布局
開始/結束標識: 必須/必須
屬性:      rows="..."設定行的數目
         cols="..."設定列的數目
         當載入文檔時的內部事件觸發程序
         onunload="..."當卸載文檔時的內部事件觸發程序
空:       不允許
注釋:      FRAMESET可以嵌套

以上所述只是最簡單的架構設定,若希望達到更合適的效果請加入或修改以下各參數。

   標記:<FRAMESET>
  例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset>
  功用:宣告HTML檔案為架構模式,並設定視窗如何分割。

  參數:
COLS="90,*"
垂直切割畫面(如分左右兩個畫面),接受整數值、百分數, * 則代表佔用剩餘的空間。數值的個數代表分成的視窗數目且以逗號分隔。例如 COLS="30,*,50%" 可以切成三個視窗,第一個視窗是 30 pixels 的寬度,為一絕對分割,第二個視窗是當分配完第一及第三個視窗後剩下的空間,第三個視窗則占整個視窗畫面的 50% 寬度為一相對分割。你可自己調整數字。

ROWS="120,*"
這是橫向切割,將畫面上下分開,數值設定同上。 COLS 與 ROWS 兩參數盡量不要放在同一個 <FRAMESET> 標記中,因 Netacape 偶然不能顯示這類型的架構,盡量採用多重分割,如以上各例。

frameborder="0"
設定架構的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要顯示邊框。

border="0"
設定架構的邊框厚度,以 pixels 為單位。

bordercolor="#008000"
設定架構的邊框顏色。顏色值請參考【調色原理】。

framespacing="5"
表示架構與架構間保留的空白的距離。

   標記:<FRAME>
  例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF">
  功能:設定每一個框窗內的參數屬性。
  參數:

SRC="a.html"
設定此框窗中要顯示的網頁設定檔名稱,每個框窗一定要對應一個網頁檔案。

NAME="top"
設定這個框窗的名稱,這樣才能指定架構來作連結,必須但任意命名。

frameborder=0
設定架構的邊框,其值只有 0 和 1 , 0 表示不要邊框, 1 表示要邊框。

framespacing="6"
表示架構與架構間的保留的空白的距離。

bordercolor="#008000"
設定架構的邊框顏色。

scrolling="Auto"
設定是否要顯示捲軸,YES 表示要顯示捲軸,NO 表示無論如何都不要顯示捲軸,AUTO 視情況而定。

noresize
設定不讓使用者可以改變這個框框的大小,如沒有設定此參數,使用者可隨意地拉動架構改變其大小。

marginhight=5
表示架構高度部分邊緣所保留的空間。

marginwidth=5
表示架構寬度部分邊緣所保留的空間。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。