HTML <iframe> 標籤
實例
標記一個內聯框架:
<iframe src="http://www.xuhuhu.com"></iframe>
流覽器支持
所有主流流覽器都支持 <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 對象