<iframe> 是 HTML 中的一个标签，用于在当前页面嵌入另一个页面。它具有一些优点和缺点，让我们一起看看：
优点：
- 代码隔离：
<iframe>允许你在页面中嵌入其他网页，这样可以实现代码的隔离。嵌入的内容不会直接影响到主页面的样式和逻辑，有助于保持整体网页的稳定性。 - 并行加载：
<iframe>允许在同一页面上并行加载多个不同的网页。这对于同时展示多个独立内容非常有用。 - 适用于广告和小部件： 使用
<iframe>可以轻松地将广告、小部件、社交媒体插件等内容嵌入到网页中。 - 分布式内容：
<iframe>可以用于在页面中嵌入来自不同服务器的内容，比如嵌入 Google 地图、YouTube 视频等。
缺点：
- 加载性能：
<iframe>内容的加载是独立于主页面的，这可能会导致性能问题。每个<iframe>都需要额外的网络请求和资源加载时间。 - SEO 难题： 搜索引擎可能难以正确解析和索引
<iframe>中的内容。这可能会影响嵌入内容的搜索引擎优化。 - 页面安全性：
<iframe>中的内容具有访问主页面的权限，这可能导致跨站点脚本攻击（XSS）等安全问题。 - 响应式布局问题： 如果没有正确处理，嵌套的
<iframe>可能会导致响应式布局问题，因为嵌入的内容可能不会适应不同屏幕尺寸。 - 无法完全自定义样式：
<iframe>中的内容可能受限于外部网页的样式和布局，无法完全自定义。
在使用 <iframe> 时，需要权衡其优缺点，并根据具体情况决定是否使用以及如何使用。
使用 <iframe> 框架很简单，你只需要在 HTML 中插入 <iframe> 标签，并指定要嵌入的页面的 URL。以下是一个基本的示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IFrame Example</title> </head> <body> <h1>主页面</h1> <iframe src="https://www.example.com" width="800" height="600" frameborder="0"></iframe> </body> </html>
在上面的示例中，<iframe> 标签的 src 属性指定了要嵌入的页面的 URL。width 和 height 属性定义了 <iframe> 的宽度和高度。frameborder 属性设置为 0 可以隐藏边框。
你可以根据需要在主页面中插入多个 <iframe>，每个都可以嵌入不同的内容。请注意，嵌入的内容可能会影响页面的性能和安全性，因此建议在使用 <iframe> 时要小心谨慎。
此外，可以使用 CSS 样式来调整 <iframe> 的样式，使其适应页面布局和设计需求。
