iframe 是 HTML 中的一个标签，用于在当前页面嵌套另一个独立的 HTML 文档。iframe（Inline Frame 的缩写）提供了一种将其他网页内容嵌入到当前页面的方式，使得页面可以同时展示多个独立的文档。
在使用 iframe 时，可以通过设置 src 属性指定要嵌入的文档的 URL。以下是一个简单的 iframe 示例：
<iframe src="https://www.example.com" width="600" height="400" frameborder="0"></iframe>
上述代码中，src 属性指定了要嵌入的文档的 URL，width 和 height 分别设置了 iframe 的宽度和高度，frameborder 则控制是否显示边框，0 表示不显示。
iframe 的应用场景非常广泛，主要有以下几个方面：
-
嵌入外部网页： 最常见的用法是在一个网页中嵌入另一个网页，这样用户可以在当前页面浏览其他网站的内容，而不需要离开当前页面。
<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="560" height="315" frameborder="0" allowfullscreen></iframe>上述代码中的
iframe嵌入了 YouTube 视频，用户可以在当前页面直接观看视频。 -
广告展示： 广告通常通过
iframe嵌入到网页中，以实现在页面的特定位置展示广告内容。<iframe src="https://advertising.com/ads" width="300" height="250" frameborder="0"></iframe>上述代码展示了一个用于展示广告的
iframe。 -
实现网页的多窗格布局： 在一些复杂的应用场景中，可以使用
iframe将不同的功能块或模块嵌套到同一个页面中，形成多窗格布局。<iframe src="sidebar.html" width="200" height="600" frameborder="0"></iframe> <iframe src="main-content.html" width="800" height="600" frameborder="0"></iframe>上述代码演示了如何通过
iframe实现页面的侧边栏和主内容区域的划分。 -
加载第三方内容： 一些服务提供商可能提供了嵌入代码，通过
iframe可以将其集成到自己的网页中。<iframe src="https://widgets.example.com/widget" width="300" height="150" frameborder="0"></iframe>上述代码中的
iframe将第三方提供的小部件嵌入到当前页面。 -
保持独立性：
iframe的内容是相对独立的，即使嵌套在主页面中，它拥有自己的文档流和作用域，不受主页面的影响。这种特性使得iframe可以用于隔离一些不同来源的内容，增强安全性。
需要注意的是，使用 iframe 也可能引发一些问题，如安全性问题、性能问题以及对搜索引擎的影响等。因此，在使用 iframe 时，需要谨慎考虑各种因素，确保其在特定场景下的适用性。