HTML <iframe> 标签

内联框架标记如下：

下面有更多 "亲自试一试" 示例。

定义和用法

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

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

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

提示：始终包含标题属性是一个好习惯<iframe>。屏幕阅读器使用它来读出内容的内容<iframe>是。

Element
<iframe>	Yes	Yes	Yes	Yes	Yes

Attribute	Value	Description
allow		Specifies a feature policy for the <iframe>
allowfullscreen	true false	Set to true if the <iframe> can activate fullscreen mode by calling the requestFullscreen() method
allowpaymentrequest	true false	Set to true if a cross-origin <iframe> should be allowed to invoke the Payment Request API
height	pixels	Specifies the height of an <iframe>. Default height is 150 pixels
loading	eager lazy	Specifies whether a browser should load an iframe immediately or to defer loading of iframes until some conditions are met
name	text	Specifies the name of an <iframe>
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url	Specifies which referrer information to send when fetching the iframe
sandbox	allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	Enables an extra set of restrictions for the content in an <iframe>
src	URL	Specifies the address of the document to embed in the <iframe>
srcdoc	HTML_code	Specifies the HTML content of the page to show in the <iframe>
width	pixels	Specifies the width of an <iframe>. Default width is 300 pixels

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

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

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

iframe:focus {
outline: none;
}

iframe[seamless] {
display: block;
}