HTML < iframe> 標簽
<iframe> 標簽會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架,有效地將另一個 HTML 頁面嵌入到當前頁中。請參考以下的實例:
實例
標記一個內(nèi)聯(lián)框架:
<iframe src="http://www.w3cschool.cn"></iframe>
瀏覽器支持
所有主流瀏覽器都支持 <iframe> 標簽。
標簽定義及使用說明
<iframe> 標簽規(guī)定一個內(nèi)聯(lián)框架。
一個內(nèi)聯(lián)框架被用來在當前 HTML 文檔中嵌入另一個文檔。
提示和注釋
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之間,這樣就可以應對不支持 <iframe> 的瀏覽器。
提示:使用 CSS 為 <iframe> (包括滾動條)定義樣式。
提示:<iframe> 標簽主要用于那些多個網(wǎng)頁的共有部分,如導航欄、廣告欄等。
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 已廢棄。規(guī)定如何根據(jù)周圍的元素來對齊 <iframe>。 |
frameborder | 1 0 | HTML5 不支持。規(guī)定是否顯示 <iframe> 周圍的邊框。 |
height | pixels | 規(guī)定 <iframe> 的高度。 |
longdesc | URL | HTML5 不支持。規(guī)定一個頁面,該頁面包含了有關(guān) <iframe> 的較長描述。 |
marginheight | pixels | HTML5 不支持。規(guī)定 <iframe> 的頂部和底部的邊距。 |
marginwidth | pixels | HTML5 不支持。規(guī)定 <iframe> 的左側(cè)和右側(cè)的邊距。 |
name | name | 規(guī)定 <iframe> 的名稱。 |
sandboxNew | "" allow-forms allow-same-origin allow-scripts allow-top-navigation | 對 <iframe> 的內(nèi)容定義一系列額外的限制。 |
scrolling | yes no auto | HTML5 不支持。規(guī)定是否在 <iframe> 中顯示滾動條。 |
seamlessNew | seamless | 規(guī)定 <iframe> 看起來像是父文檔中的一部分。 |
src | URL | 規(guī)定在 <iframe> 中顯示的文檔的 URL。 |
srcdocNew | HTML_code | 規(guī)定頁面中的 HTML 內(nèi)容顯示在 <iframe> 中。 |
width | pixels | 規(guī)定 <iframe> 的寬度。 |
全局屬性
<iframe> 標簽支持 HTML 的全局屬性。
事件屬性
<iframe> 標簽支持 HTML 的事件屬性。
相關(guān)文章
HTML 教程:HTML 框架
HTML DOM 參考手冊:IFrame 對象