frameset元素

frameset元素 (frame setup)，為html元素的直接子元素，將視窗切割成矩形的框架並且定義。

語法:
<frameset 屬性 = "屬性值">標籤內容</frameset>
版本:
HTML4.01(F)、XHTML1.0(F) *1)
內含元素:
frameset、frame、noframes元素
屬性:
border、cols、rows屬性*2)、事件屬性、通用屬性(class、id、style、title)
Sample Code
<html>
<frameset rows = "100,*" bord = "1px">
<frame name="menu" src="menu.html" title="服務項目">
<frame name="main" src="main.html" title="服務內容">
<noframes>
<在沒有對應框架環境下，所顯示的內容>
</noframes>
</frameset>
</html>
Output

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
border frameset 整數(pixels) 設定框架的框線粗細。
cols frameset 整數(pixels)
百分比(%)
相對率*		 設定縱方向分割後，個別框架的寬度。如果在noresize屬性沒有設定禁止大小的話，UA端可自由用滑鼠拖拉框架邊，改變框架寬度。
整數(pixels) → 指定個別框架寬度值，百分比(%) → 個別框架寬度依百分比分配，相對率* → 個別框架寬度相對比率分配。
列)<frameset  cols = "250,*" > → 左側第1個框架占250px的1等分寬。
rows frameset 整數(pixels)
百分比(%)
相對率*		 設定縱方向分割後，個別框架的寬度。如果在noresize屬性沒有設定禁止大小的話，UA端可自由用滑鼠拖拉框架邊，改變框架寬度。
整數(pixels) → 指定個別框架寬度值，百分比(%) → 個別框架寬度依百分比分配，相對率* → 個別框架寬度相對比率分配。
列)<frameset  rows= "100,*" > → 左側第1個框架占100px的1等分寬。

frame元素

frame元素 (frame)，為frameset元素的直接子元素，定義框架的內容和顯示方式。

語法:
<frame 屬性 = "屬性值" />
版本:
HTML4.01(F)、XHTML1.0(F) *1)
內含元素:
-
屬性:
frameborder、longdesc、marginheight、marginwidth、name、noresize、scrolling、src屬性*2)、通用屬性(class、id、style、title)
Sample Code
<html>
<frameset rows = "100,*" bord = "1px">
<frame name="menu" src="menu.html" title="服務項目">
<frame name="main" src="main.html" title="服務內容">
<noframes>
<在沒有對應框架環境下，所顯示的內容>
</noframes>
</frameset>
</html>
Output

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
frameborder frame、iframe 1、0 設定框線要顯示或不要顯示。"1":顯示框架，"0":不顯示框架。
longdesc frame、iframe URI 設定框架補充說明文件的URI。
例)<frame longdesc = "frame_descript.html">
marginheight
marginwidth		 frame、iframe 整數(pixels) 設定網頁上下、左右的邊界。可以在body元素使用CSS的margin屬性取代。
name frame、iframe 框架名稱 設定框架名稱，能夠讓a、area、base、form、Link元素的targetg屬性指定連結框架名稱，或者讓表單commit之後指定連結框架名稱。
noresize frame、iframe noresize 設定框架大小禁止變更。沒有設定禁止大小的話，UA端可自由用滑鼠拖拉框架邊，改變框架寬度。
scrolling frame、iframe auto
yes
no 		設定框架是否有捲軸。
yes → 許可有捲軸，yes → 不許可有捲軸，,
auto → 自動調整，框架大小無法全部顯示內容時，產生捲軸。
src frame、iframe URI 設定框架最初顯示文件的URI。

noframes元素

noframes元素 (alternate content container for non frame-based rendering)，為「區塊」元素，定義沒有對應框架環境下所顯示的內容。

語法:
<frame 屬性 = "屬性值" />
版本:
HTML4.01(F)、XHTML1.0(F) *1)
內含元素:
「區塊」元素、「線內」元素、Text
屬性:
事件屬性、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<html>
<frameset rows = "100,*" bord = "1px">
<frame name="menu" src="menu.html" title="服務項目">
<frame name="main" src="main.html" title="服務內容">
<noframes>
<h1>IT綜合情報網</h1>
<p>網羅國內外的IT情報...</p>
<ul>
<li><a href = "menu.html">服務項目一覽</a></li>
<li><a href = "default.html">首頁</a></li>
</noframes>
</ul>
</frameset>
</html>
Output

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。

iframe元素

iframe元素 (inline frame)，為「線內」(「區塊」)元素，不將視窗分割，只在網頁的「線內」配置框架。注意!!iframe元素是置於body元素內，而非head元素內。

語法:
<iframe 屬性 = "屬性值">標籤內容~ </iframe>
版本:
HTML4.01(F)、XHTML1.0(F) *1)
內含元素:
「區塊」元素、「線內」元素、Text
屬性:
align、width、height、frameborder、longdesc、marginheight、marginwidth、name、scrolling、src屬性*2)、通用屬性(class、dir、id、lang、style、title、xml:lang)
Sample Code
<body>
<iframe name="menu" src="menu.html" >
每頁的Menu以iframe元素崁入
</iframe>
</body>
Output

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代 ，粗體字 → 必要屬性，不可省略。
屬性 適用元素 屬性值 說明
width iframe 整數(pixels)、百分比(%) 設定iframe框線的寬度。可以使用CSS的width屬性取代
height iframe 整數(pixels)、百分比(%) 設定iframe框線的高度。可以使用CSS的height屬性取代
frameborder frame、iframe 1、0 設定框線要顯示或不要顯示。"1":顯示框架，"0":不顯示框架。
longdesc frame、iframe URI 設定框架補充說明文件的URI。
例)<frame longdesc = "frame_descript.html">
marginheight
marginwidth		 frame、iframe 整數(pixels) 設定網頁上下、左右的邊界。可以在body元素使用CSS的margin屬性取代。
name frame、iframe 框架名稱 設定框架名稱，能夠讓a、area、base、form、Link元素的targetg屬性指定連結框架名稱，或者讓表單commit之後指定連結框架名稱。
noresize frame、iframe noresize 設定框架大小禁止變更。沒有設定禁止大小的話，UA端可自由用滑鼠拖拉框架邊，改變框架寬度。
scrolling frame、iframe auto
yes
no 		設定框架是否有捲軸。
yes → 許可有捲軸，yes → 不許可有捲軸，,
auto → 自動調整，框架大小無法全部顯示內容時，產生捲軸。
src frame、iframe URI 設定框架最初顯示文件的URI。


Copyright(C)2009超技情報開發研究室 All rights reserved.