<框架集>


HTML <frameset> 標籤- 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>

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


#瀏覽器支援

1000.png

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


標籤定義及使用說明

HTML5 不支援 <frameset> 標籤。


<frameset> 標籤定義一個框架集。

<frameset> 元素被用來組織一個或多個 <frame> 元素。每個 <frame> 有各自獨立的文檔。

<frameset> 元素規定在框架集中有多少列或多少行,以及每行每列佔用的百分比/像素。

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


HTML 與 XHTML 之間的差異

#無。


可選的屬性

屬性#描述pixels      *pixels


##cols
     %

HTML5 不支援。
規定框架集中列的數目和尺寸。
rows
     %
     *

HTML5 不支援。

規定框架集中行的數目和尺寸。 標準屬性在HTML 4.01 中,<frameset> 標籤支援下列標準屬性:
屬性描述
#classname 規定元素的類別名稱
id#id規定元素的唯一id
stylestyle_definition#規定元素的行內樣式
title## #######text#########規定元素的額外資訊#############

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


事件屬性

在HTML 4.01 中,<frameset> 標籤支援下列事件屬性:

屬性描述
onload#script當文件被載入時執行腳本
onunloadscript#當文件被移除時執行腳本

#如需完整的描述,請存取事件屬性。

試試看 - 實例

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

實例

<!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>

運行實例»

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


相關文章

HTML DOM 參考手冊: Frameset 物件