HTML Iframes
HTML iframe 用于在一个网页中显示另一个网页。
HTML Iframe 语法
HTML <iframe> 标签定义了一个内联框架。
内联框架用于在当前 HTML 文档中嵌入另一个文档。
语法
<iframe src="url" title="描述"></iframe>提示： 始终包含 title 属性对于 <iframe> 是一个好习惯。屏幕阅读器会使用它来朗读 iframe 的内容。
Iframe - 设置高度和宽度
使用 height 和 width 属性来指定 iframe 的大小。
默认情况下，高度和宽度以像素为单位
或者，您可以通过添加 style 属性并使用 CSS height 和 width 属性来设置
示例
<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe 示例"></iframe>
自己动手试一试 »
Iframe - 移除边框
默认情况下，iframe 周围有一个边框。
要移除边框，请添加 style 属性并使用 CSS border 属性
使用 CSS，您还可以更改 iframe 边框的大小、样式和颜色
示例
<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe 示例"></iframe>
自己动手试一试 »
Iframe - 链接的目标
iframe 可以用作链接的目标框架。
链接的 target 属性必须引用 iframe 的 name 属性
示例
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe 示例"></iframe>
<p><a href="https://w3schools.org.cn" target="iframe_a">W3Schools.com</a></p>
自己动手试一试 »
Chapter Summary
- HTML
<iframe>标签定义了一个内联框架 src属性定义了要嵌入的页面的 URL- 始终包含
title属性（用于屏幕阅读器） height和width属性指定了 iframe 的大小- 使用
border:none;来移除 iframe 周围的边框
HTML iframe 标签
| 标签 | 描述 |
|---|---|
| <iframe> | 定义一个内联框架 |
有关所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。
