HTML <iframe> 标签

实例

内联框架标记如下:

<iframe src="https://www.uihtml.com"></iframe>
运行 »

定义和用法

<iframe> 标记指定内联框架.

内联框架用于在当前HTML文档中嵌入另一个文档.


浏览器支持

Element
<iframe> Yes Yes Yes Yes Yes

提示和注意事项

提示:要处理不支持 <iframe> 的浏览器,请在开始 <iframe> 标记和结束 </iframe> 标记之间添加文本.

提示:使用CSS设置 <iframe> 的样式(甚至包括滚动条).


HTML 4.01和HTML5之间的差异

HTML5添加了一些新属性,并从HTML5中删除了几个HTML 4.01属性.


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> 中显示的文档的 URL
srcdoc HTML_code 指定要在 <iframe> 中显示的页面的HTML内容
width pixels 指定 <iframe> 的宽度

全局属性

<iframe> 标记还支持HTML中的 全局属性 .


事件属性

<iframe> 标记还支持HTML中的 事件属性 .


相关页面

HTML教程: HTML Iframes

HTML DOM参考: IFrame 对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <iframe> 元素:

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}