最新的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;
}