HTML <frame> 標(biāo)簽

2022-06-01 15:25 更新

以下使用<frame> 標(biāo)簽的具體實(shí)例,讓我們一起來學(xué)習(xí)一下吧,值得一提的是HTML5不支持<frame> 標(biāo)簽。

實(shí)例

簡單的三框架頁面:

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

嘗試一下 ?
(更多實(shí)例見頁面底部)

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <frame> 標(biāo)簽。


標(biāo)簽定義及使用說明

HTML5 不支持 <frame> 標(biāo)簽。

<frame> 標(biāo)簽定義 <frameset> 中的子窗口(框架)。

<frameset> 中的每個 <frame> 都可以設(shè)置不同的屬性,比如 border、scrolling, noresize 等等。

注釋:如果您希望驗(yàn)證包含框架的頁面,請確保 <!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ī)定元素的額外信息

如需完整的描述,請?jiān)L問標(biāo)準(zhǔn)屬性。


事件屬性

根據(jù) W3C 的標(biāo)準(zhǔn),在 HTML 4.01 中,<frame> 標(biāo)簽不支持任何的時(shí)間屬性。

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

如需完整的描述,請?jiān)L問事件屬性。


Examples

嘗試一下 - 實(shí)例

水平框架
本例演示:如何使用三份不同的文檔制作一個水平框架。

混合結(jié)構(gòu)框架
本例演示如何制作含有三份文檔的框架結(jié)構(gòu),同時(shí)將他們混合置于行和列之中。

含有 noresize="noresize" 屬性的框架結(jié)構(gòu)
本例演示 noresize 屬性。在本例中,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動鼠標(biāo),您會發(fā)現(xiàn)邊框是無法移動的。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號