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