当前位置:首页>HTML>HTML标签>HTML <iframe> 标签

HTML <iframe> 标签

作者:微学网发布时间:2019-08-30 18:20:25

示例

内联框架标记如下:

<iframe src="https://www.weixue.wang/"></iframe>

定义和用法

<iframe>标签指定内联框架。

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

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

提示和注意事项

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

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

HTML 4.01和HTML5之间的差异

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

HTML和XHTML之间的差异

在XHTML中,不推荐使用name属性,并将其删除。请改用 全局id属性。

属性

html5= HTML5中的新功能。

属性 描述
align left
right
top
middle
bottom
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的元素来对齐 <iframe>
frameborder 1
0
HTML5 不支持。规定是否显示 <iframe> 周围的边框。
height pixels 规定 <iframe> 的高度。
longdesc URL HTML5 不支持。规定一个页面,该页面包含了有关 <iframe> 的较长描述。
marginheight pixels HTML5 不支持。规定 <iframe> 的顶部和底部的边距。
marginwidth pixels HTML5 不支持。规定 <iframe> 的左侧和右侧的边距。
name name 规定 <iframe> 的名称。
sandboxhtml5 allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
<iframe> 的内容定义一系列额外的限制。
scrolling yes
no
auto
HTML5 不支持。规定是否在 <iframe> 中显示滚动条。
seamlesshtml5 seamless 规定 <iframe> 看起来像是父文档中的一部分。
src URL 规定在 <iframe> 中显示的文档的 URL。
srcdochtml5 HTML_code 规定页面中的 HTML 内容显示在 <iframe> 中。
width pixels 规定 <iframe> 的宽度。

全局属性

<iframe>标签还支持HTML中的全局属性。

事件属性

<iframe>标签还支持HTML中的事件属性。

相关页面

HTML教程:HTML Iframes

HTML DOM参考:IFrame对象

默认CSS设置

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

iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}