HTML <iframe>標(biāo)簽允許您將另一個(gè)HTML頁面嵌入到當(dāng)前頁面中。此標(biāo)簽通常也稱為 <iframe>元素。
標(biāo)記一個(gè)內(nèi)聯(lián)框架：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <iframe src="//www.soo66.com"> <p>抱歉，您的瀏覽器不支持 iframe 標(biāo)簽。</p> </iframe> </body> </html>測試看看 ?/?
如果瀏覽器不支持<iframe>標(biāo)記，它將顯示文本“抱歉，您的瀏覽器不支持iframe”。替代。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <iframe> 標(biāo)簽。
<iframe> 標(biāo)簽規(guī)定一個(gè)內(nèi)聯(lián)框架。
一個(gè)內(nèi)聯(lián)框架被用來在當(dāng)前 HTML 文檔中嵌入另一個(gè)文檔。
在框架內(nèi)部，腳本可以使用window.parent引用父窗口。
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應(yīng)對不支持 <iframe> 的瀏覽器。
提示：使用 CSS 為 <iframe> （包括滾動(dòng)條）定義樣式。
HTML5 新增了一些新的屬性，同時(shí)去掉了 HTML 4.01 中的一些屬性。
在 XHTML 中，name 屬性已被廢棄，并將被去掉。請使用 id 屬性替代。
New ：HTML5 中的新增屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | left right top middle bottom | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定如何根據(jù)周圍的元素來對齊 <iframe>。 |
| frameborder | 1 0 | HTML5 不支持。規(guī)定是否顯示 <iframe> 周圍的邊框。 |
| height | pixels | 指定 <iframe> 的高度。 |
| longdesc | URL | HTML5 不支持。規(guī)定一個(gè)頁面，該頁面包含了有關(guān) <iframe> 的較長描述。 |
| marginheight | pixels | HTML5 不支持。指定 <iframe> 的頂部和底部的邊距。 |
| marginwidth | pixels | HTML5 不支持。指定 <iframe> 的左側(cè)和右側(cè)的邊距。 |
| name | name | 指定 <iframe> 的名稱。 |
| sandboxHTML5 | "" allow-forms allow-same-origin allow-scripts allow-top-navigation | 對 <iframe> 的內(nèi)容定義一系列額外的限制。 |
| scrolling | yes no auto | HTML5 不支持。規(guī)定是否在 <iframe> 中顯示滾動(dòng)條。 |
| seamlessHTML5 | seamless | 指定 <iframe> 看起來像是父文檔中的一部分。 |
| src | URL | 規(guī)定在 <iframe> 中顯示的文檔的 URL。 |
| srcdocHTML5 | HTML_code | 規(guī)定頁面中的 HTML 內(nèi)容顯示在 <iframe> 中。 |
| width | pixels | 指定 <iframe> 的寬度。 |
<iframe> 標(biāo)簽支持 HTML 的全局屬性。
<iframe> 標(biāo)簽支持 HTML 的事件屬性。
HTML 教程：HTML 框架
HTML DOM 參考手冊：IFrame 對象