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

HTML Iframe 语法

HTML <iframe>标记指定一个内联框架。内联框架用于在当前 HTML 文档中嵌入另一个文档。

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

title最好始终包含<iframe>的属性, 屏幕阅读器使用它来读出的内容。

Iframe - 设置高度和宽度

使用height和width属性指定内嵌框架的大小。默认情况下，高度和宽度以像素为单位指定：

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

可以添加style属性并使用 CSS 属性height和width

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

Iframe - 删除边框

默认情况下，iframe 周围有边框。若要删除边框，请添加style属性并使用 CSS 属性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 可用作链接的目标框架。属性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>