HTML iframe

HTML iframe 用于在网页中显示网页。

HTML iframe 语法

HTML 标记指定一个 内联框架。<iframe>

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

语法

<iframe src="*url*" title="*description*"></iframe>

提示： 最好始终包含 . 屏幕阅读器使用它来读出 iframe 的内容。 title``<iframe>

iframe - 设置高度和宽度

使用 和 属性指定 iframe 的大小。height``width

默认情况下，高度和宽度以像素为单位指定：

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

尝试一下 »

或者您可以添加属性并使用 CSS 和属性：style``height``width

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

尝试一下 »

iframe - 删除边框

默认情况下，iframe 周围有边框。

若要删除边框，请添加属性并使用 CSS 属性：style``border

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

尝试一下 »

使用 CSS，您还可以更改 iframe 边框的大小、样式和颜色：

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

尝试一下 »

iframe - 链接的目标

iframe 可用作链接的目标帧。

属性 的链接必须引用 iframe 的属性：target``name

<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>  

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

尝试一下 »

本章小结

• HTML 标记指定一个 内联框架<iframe>
• 该属性定义要嵌入的页面的 URLsrc
• 始终包含属性（适用于屏幕阅读器） title
• 和 属性指定 iframe 的大小height``width
• 用于去除边框 围绕 iframeborder:none;

HTML iframe 标签

Tag	Description
[<iframe>]	Defines an inline frame

有关所有可用 HTML 标记的完整列表，请访问我们的 [HTML 标记参考]。