<frame>
HTML <frame> 標(biāo)簽 - HTML5 不支持 實例 簡單的三框架頁面： <frameset cols='25%,50%,25%'> <frame src='frame_a.htm'> <frame src='frame_..>.....
HTML <frame> 標(biāo)簽 - 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>
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
瀏覽器支持
所有主流瀏覽器都支持 <frame> 標(biāo)簽。
標(biāo)簽定義及使用說明
HTML5 不支持 <frame> 標(biāo)簽。
<frame> 標(biāo)簽定義 <frameset> 中的子窗口（框架）。
<frameset> 中的每個 <frame> 都可以設(shè)置不同的屬性，比如 border、scrolling, noresize 等等。
注釋：如果您希望驗證包含框架的頁面，請確保 <!DOCTYPE> 被設(shè)置為 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。
HTML 4.01 與 HTML5之間的差異
HTML5 不支持 <frame> 標(biāo)簽，HTML 4.01 支持 <frame> 標(biāo)簽。
HTML 與 XHTML 之間的差異
在 HTML 中，<frame> 標(biāo)簽沒有結(jié)束標(biāo)簽。在 XHTML 中，<frame> 標(biāo)簽必須被正確地關(guān)閉。
可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| frameborder | 0 1 | HTML5 不支持。規(guī)定是否顯示框架周圍的邊框。 |
| longdesc | URL | HTML5 不支持。規(guī)定一個包含有關(guān)框架內(nèi)容的長描述的頁面。 |
| marginheight | pixels | HTML5 不支持。規(guī)定框架的上方和下方的邊距。 |
| marginwidth | pixels | HTML5 不支持。規(guī)定框架的左側(cè)和右側(cè)的邊距。 |
| name | name | HTML5 不支持。規(guī)定框架的名稱。 |
| noresize | noresize | HTML5 不支持。規(guī)定無法調(diào)整框架的大小。 |
| scrolling | yes no auto | HTML5 不支持。規(guī)定是否在框架中顯示滾動條。 |
| src | URL | HTML5 不支持。規(guī)定在框架中顯示的文檔的 URL。 |
標(biāo)準(zhǔn)屬性
在 HTML 4.01 中，<frame> 標(biāo)簽支持如下標(biāo)準(zhǔn)屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| class | classname | 規(guī)定元素的類名 |
| id | id | 規(guī)定元素的唯一 id |
| style | style_definition | 規(guī)定元素的行內(nèi)樣式 |
| title | text | 規(guī)定元素的額外信息 |
如需完整的描述，請訪問標(biāo)準(zhǔn)屬性。
事件屬性
根據(jù) W3C 的標(biāo)準(zhǔn)，在 HTML 4.01 中，<frame> 標(biāo)簽不支持任何的時間屬性。
但是，所有的瀏覽器都支持 onload 事件。
如需完整的描述，請訪問事件屬性。
嘗試一下 - 實例
水平框架
本例演示：如何使用三份不同的文檔制作一個水平框架。
實例
<!DOCTYPE html> <html> <frameset rows="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
混合結(jié)構(gòu)框架
本例演示如何制作含有三份文檔的框架結(jié)構(gòu)，同時將他們混合置于行和列之中。
實例
<!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>
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例
含有 noresize="noresize" 屬性的框架結(jié)構(gòu)
本例演示 noresize 屬性。在本例中，框架是不可調(diào)整尺寸的。在框架間的邊框上拖動鼠標(biāo)，您會發(fā)現(xiàn)邊框是無法移動的。
實例
<!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>
運(yùn)行實例 ?
點(diǎn)擊 "運(yùn)行實例" 按鈕查看在線實例