HTML <iframe> 标签
定义和用法
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
浏览器支持
| 元素 |  |  |  |  |  | 
|---|---|---|---|---|---|
| <iframe> | Yes | Yes | Yes | Yes | Yes | 
所有浏览器都支持 <iframe> 标签。
HTML 与 XHTML 之间的差异
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。
提示和注释:
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。
属性
 New : HTML5 中的新属性。
 New : HTML5 中的新属性。
| 属性 | 值 | 描述 | 
|---|---|---|
| align | left right top middle bottom | 不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 | 
| frameborder | 1 0 | 规定是否显示框架周围的边框。 | 
| height | pixels % | 规定 iframe 的高度。 | 
| longdesc | URL | 规定一个页面,该页面包含了有关 iframe 的较长描述。 | 
| marginheight | pixels | 定义 iframe 的顶部和底部的边距。 | 
| marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 | 
| name | frame_name | 规定 iframe 的名称。 | 
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url | 规定 iframe 的名称。 | 
| sandbox  | “” allow-forms allow-same-origin allow-scripts allow-top-navigation | 启用一系列对 <iframe>中内容的额外限制。 | 
| scrolling | yes no auto | 规定是否在 iframe 中显示滚动条。 | 
| seamless  | seamless | 规定 <iframe>看上去像是包含文档的一部分。 | 
| src | URL | 规定在 iframe 中显示的文档的 URL。 | 
| srcdoc  | HTML_code | 规定在 <iframe>中显示的页面的 HTML 内容。 | 
| width | pixels % | 定义 iframe 的宽度。 | 
全局属性
<iframe> 标签支持 HTML 中的全局属性。
事件属性
<iframe> 标签支持 HTML 中的事件属性。
TIY 实例
内联框架
本例演示如何创建内联框架(HTML 页中的框架)。
<iframe src="/uploads/202305/175dd2a57efd648c.jpg"></iframe>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>
相关页面
HTML DOM 参考手册:IFrame 对象
 我的书签
 我的书签
                                 添加书签
 添加书签 移除书签
 移除书签