HTML <iframe> 标签

示例

内联框架标签如下：

<iframe src="./html.html" title="HTML Tutorial" height="100%" width="100%"></iframe>

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

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

提示： 使用 CSS 设置 <iframe> 的样式（参见下面的示例）。

提示： 最好始终包含 <iframe> 的标题属性。屏幕阅读器使用它来读取 <iframe> 的内容。

Element
<iframe>	Yes	Yes	Yes	Yes	Yes

属性	值	描述
allow		为 <iframe> 指定功能策略
allowfullscreen	true false	如果 <iframe> 可以通过调用 requestFullscreen() 方法激活全屏模式，则设置为 true
allowpaymentrequest	true false	如果应允许跨域 <iframe> 调用支付请求 API，则设置为 true
height	pixels	指定 <iframe> 的高度。默认高度为 150 像素
loading	eager lazy	指定浏览器是应该立即加载 iframe 还是推迟加载 iframe 直到满足某些条件
name	text	指定 <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-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	为 <iframe> 中的内容启用一组额外的限制
src	URL	指定要嵌入到 <iframe> 中的文档的地址
srcdoc	HTML_code	指定要在 <iframe> 中显示的页面的 HTML 内容
width	pixels	指定 <iframe> 的宽度。默认宽度为 300 像素

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

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

大多数浏览器将显示具有以下默认值的 <iframe> 元素：

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}