HTML < frame> 標簽
以下使用<frame> 標簽的具體實例,讓我們一起來學習一下吧,值得一提的是HTML5不支持<frame> 標簽。
(更多實例見頁面底部)
實例
簡單的三框架頁面:
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
(更多實例見頁面底部)
瀏覽器支持
所有主流瀏覽器都支持 <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> 標簽必須被正確地關閉。
可選的屬性
屬性 | 值 | 描述 |
---|---|---|
frameborder | 0 1 | HTML5 不支持。規定是否顯示框架周圍的邊框。 |
longdesc | URL | HTML5 不支持。規定一個包含有關框架內容的長描述的頁面。 |
marginheight | pixels | HTML5 不支持。規定框架的上方和下方的邊距。 |
marginwidth | pixels | HTML5 不支持。規定框架的左側和右側的邊距。 |
name | name | HTML5 不支持。規定框架的名稱。 |
noresize | noresize | HTML5 不支持。規定無法調整框架的大小。 |
scrolling | yes no auto | HTML5 不支持。規定是否在框架中顯示滾動條。 |
src | URL | HTML5 不支持。規定在框架中顯示的文檔的 URL。 |
標準屬性
在 HTML 4.01 中,<frame> 標簽支持如下標準屬性:
屬性 | 值 | 描述 |
---|---|---|
class | classname | 規定元素的類名 |
id | id | 規定元素的唯一 id |
style | style_definition | 規定元素的行內樣式 |
title | text | 規定元素的額外信息 |
如需完整的描述,請訪問標準屬性。
事件屬性
根據 W3C 的標準,在 HTML 4.01 中,<frame> 標簽不支持任何的時間屬性。
但是,所有的瀏覽器都支持 onload 事件。
如需完整的描述,請訪問事件屬性。
嘗試一下 - 實例
水平框架
本例演示:如何使用三份不同的文檔制作一個水平框架。
混合結構框架
本例演示如何制作含有三份文檔的框架結構,同時將他們混合置于行和列之中。
含有 noresize="noresize" 屬性的框架結構
本例演示 noresize 屬性。在本例中,框架是不可調整尺寸的。在框架間的邊框上拖動鼠標,您會發現邊框是無法移動的。