HTML <frame> 標籤
實例
簡單的三框架頁面:
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>
</html>
瀏覽器支援
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有瀏覽器都支援 <frame> 標籤。
定義和用法
<frame> 標籤定義 frameset 中的一個特定的視窗(框架)。
frameset 中的每個框架都可以設定不同的屬性,比如 border、scrolling、noresize 等等。
HTML 與 XHTML 之間的差異
在 HTML 中,<frame> 標籤沒有結束標籤。
在 XHTML 中,<frame> 標籤必須被正確地關閉。
提示和註釋:
註釋:如果您希望驗證包含框架的頁面,請確保 doctype 被設定為 "Frameset DTD"。閱讀更多有關 DOCTYPE 的內容。
重要事項:您不能與 <frameset></frameset> 標籤一起使用 <body></body> 標籤。不過,如果您需要為不支援框架的瀏覽器新增一個 <noframes> 標籤,請務必將此標籤放置在 <body></body> 標籤中!
可選的屬性
屬性 | 值 | 描述 |
---|---|---|
frameborder |
|
規定是否顯示框架周圍的邊框。 |
longdesc | URL | 規定一個包含有關框架內容的長描述的頁面。 |
marginheight | pixels | 定義框架的上方和下方的邊距。 |
marginwidth | pixels | 定義框架的左側和右側的邊距。 |
name | name | 規定框架的名稱。 |
noresize | noresize | 規定無法調整框架的大小。 |
scrolling |
|
規定是否在框架中顯示滾動條。 |
src | URL | 規定在框架中顯示的文件的 URL。 |
TIY 實例
- 垂直框架
- 本例演示:如何使用三份不同的文件製作一個垂直框架。
- 水平框架
- 本例演示:如何使用三份不同的文件製作一個水平框架。
- 如何使用 <noframes> 標籤
- 本例演示:如何使用 <noframes> 標籤。
- 混合框架結構
- 本例演示如何製作含有三份文件的框架結構,同時將他們混合置於行和列之中。
- 含有 noresize="noresize" 屬性的框架結構
- 本例演示 noresize 屬性。在本例中,框架是不可調整尺寸的。在框架間的邊框上拖動滑鼠,你會發現邊框是無法移動的。
- 導航框架
- 本例演示如何製作導航框架。導航框架包含一個將第二個框架作為目標的鏈接列表。名為 "contents.htm" 的檔案包含三個鏈接。
- 內聯框架
- 本例演示如何建立內聯框架(HTML 頁中的框架)。
- 跳轉至框架內的一個指定的節
- 本例演示兩個框架。其中的一個框架設定了指向另一個檔案內指定的節的鏈接。這個 "link.htm" 檔案內指定的節使用 <a name="C10"> 進行標識。
- 使用框架導航跳轉至指定的節
- 本利演示兩個框架。左側的導航框架包含了一個鏈接列表,這些鏈接將第二個框架作為目標。第二個框架顯示被鏈接的文件。導航框架其中的鏈接指向目標檔案中指定的節。