最新的Web開發教程
 

HTML <iframe> Tag


內聯幀標記如下:

<iframe src="http://www.w3ii.com"></iframe>
試一試»

定義和用法

<iframe>標記指定嵌入式框架。

嵌入式框架用於嵌入當前HTML文檔內的另一個文檔。


瀏覽器支持

元件
<iframe>

提示和注意

提示:要對付不支持的瀏覽器<iframe>添加口之間的文本<iframe>標記和結束</iframe>標記。

提示:使用CSS樣式的<iframe>甚至包括滾動條)。


HTML 4.01和HTML5之間的差異

HTML5增加了一些新的屬性,一些HTML 4.01屬性是從HTML5中刪除。


HTML和XHTML之間的差異

在XHTML中, name屬性已過時,將被刪除。 使用全球id屬性代替。


屬性

=新的HTML5。

屬性 描述
align left
right
top
middle
bottom
在HTML5不支持。
指定的對齊的<iframe>根據周圍的元素
frameborder 1
0
在HTML5不支持。
指定是否顯示周圍的邊框<iframe>
height pixels 指定的高度<iframe>
longdesc URL 在HTML5不支持。
指定包含的內容的詳細描述頁面<iframe>
marginheight pixels 在HTML5不支持。
指定的內容的頂部和底部邊緣<iframe>
marginwidth pixels 在HTML5不支持。
指定的內容的左,右頁邊距<iframe>
name text 指定的名稱<iframe>
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
啟用一組額外的限制措施在內容<iframe>
scrolling yes
no
auto
在HTML5不支持。
指定是否顯示在滾動條<iframe>
src URL 指定文檔的地址中嵌入<iframe>
srcdoc HTML_code 指定頁面的HTML內容中顯示<iframe>
width pixels 指定的寬度<iframe>

全局屬性

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


事件屬性

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


相關頁面

HTML教程: HTML內部框架

HTML DOM參考: iframe對象


默認設置CSS

大多數瀏覽器將顯示<iframe>用下面的默認值元素:

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}