iframe 框架有哪些优缺点，怎么使用？

iframe是 HTML 中的一个标签，用于在当前页面嵌入另一个页面。它具有一些优点和缺点。

优点：

代码隔离： <iframe> 允许你在页面中嵌入其他网页，这样可以实现代码的隔离。嵌入的内容不会直接影响到主页面的样式和逻辑，有助于保持整体网页的稳定性。

并行加载： <iframe> 允许在同一页面上并行加载多个不同的网页。这对于同时展示多个独立内容非常有用。

适用于广告和小部件： 使用 <iframe> 可以轻松地将广告、小部件、社交媒体插件等内容嵌入到网页中。

分布式内容： <iframe> 可以用于在页面中嵌入来自不同服务器的内容，比如嵌入 Google 地图、YouTube 视频等。

缺点：

加载性能： <iframe> 内容的加载是独立于主页面的，这可能会导致性能问题。每个 <iframe> 都需要额外的网络请求和资源加载时间。

SEO 难题： 搜索引擎可能难以正确解析和索引 <iframe> 中的内容。这可能会影响嵌入内容的搜索引擎优化。

页面安全性： <iframe> 中的内容具有访问主页面的权限，这可能导致跨站点脚本攻击（XSS）等安全问题。

响应式布局问题： 如果没有正确处理，嵌套的 <iframe> 可能会导致响应式布局问题，因为嵌入的内容可能不会适应不同屏幕尺寸。

无法完全自定义样式： <iframe> 中的内容可能受限于外部网页的样式和布局，无法完全自定义。

语法：

 <iframe
      width="宽度"
      height="高度"
      src="网址"
      frameborder="0"
    >
    </iframe>

<iframe> 标签的 src 属性指定了要嵌入的页面的 URL。width 和 height 属性定义了 <iframe> 的宽度和高度。frameborder 属性设置为 0 可以隐藏边框。