<框架>


HTML <frame> 標籤- HTML5 不支援

實例

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

運行實例»

點擊"運行實例"按鈕查看線上實例


#瀏覽器支援


所有主流瀏覽器都支援<frame> 標籤。


標籤定義及使用說明

HTML5 不支援 <frame> 標籤。

<frame> 標籤定義  <frameset> 中的子視窗(框架)。

<frameset> 中的每個 <frame> 都可以設定不同的屬性,例如 border、scrolling, noresize 等等。

註解:如果您希望驗證包含框架的頁面,請確保 <!DOCTYPE> 被設定為 "HTML Frameset DTD" 或 "XHTML Frameset DTD" 。


HTML 4.01 與 HTML5之間的差異

HTML5 不支援 <frame> 標籤,HTML 4.01 支援 <frame> 標籤。


HTML 與 XHTML 之間的差異

在 HTML 中,<frame> 標籤沒有結束標籤。在 XHTML 中,<frame> 標籤必須被正確地關閉。


可選的屬性

longdescmarginheightmarginwidthname規定框架的名稱。 noresizescrollingyessrc
屬性#描述

##frameborder0      1HTML5 不支援。 規定是否顯示框架周圍的邊框。
URL#HTML5 不支援。 規定一個包含有關框架內容的長描述的頁面。
pixelsHTML5 不支援。 規定框架的上方和下方的邊距。
pixelsHTML5 不支援。 規定框架的左側和右側的邊距。
name#HTML5 不支援。

noresize
#HTML5 不支援。 規定無法調整框架的大小。
     no      autoHTML5 不支援。 規定是否在框架中顯示捲軸。
######URL#############HTML5 不支援。 ###規定框架中顯示的文件的 URL。 ############

標準屬性

在HTML 4.01 中,<frame> 標籤支援下列標準屬性:

屬性描述
class#classname規定元素的類別名稱
idid#規定元素的唯一id
stylestyle_definition規定元素的行內樣式
titletext規定元素的額外資訊

如需完整的描述,請存取標準屬性。


事件屬性

根據 W3C 的標準,在 HTML 4.01 中,<frame> 標籤不支援任何的時間屬性。

但是,所有的瀏覽器都支援 onload 事件。

如需完整的描述,請造訪事件屬性。


Examples

試試看 - 實例

水平框架
本範例示範:如何使用三份不同的文件製作一個水平框架。

實例

<!DOCTYPE html>
<html>

<frameset rows="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

混合結構框架
本例示範如何製作含有三份文件的框架結構,同時將他們混合置於行和列之中。

實例

<!DOCTYPE html>
<html>

<frameset rows="50%,50%">
  <frame src="frame_a.htm">
  <frameset cols="25%,75%">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
  </frameset>
</frameset>

</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例

含有noresize="noresize" 屬性的框架結構
本範例示範noresize 屬性。在本例中,框架是不可調整尺寸的。在框架間的邊框上拖曳滑鼠,您會發現邊框是無法移動的。

實例

<!DOCTYPE html>
<html>

<frameset cols="50%,*,25%">
  <frame src="frame_a.htm" noresize="noresize">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

運行實例»

點擊"運行實例" 按鈕查看線上實例