【iframe】一、
`<iframe>` 是 HTML 中用于嵌入外部网页或资源的标签，常用于在当前页面中显示其他网站的内容。它广泛应用于网页开发中，如嵌入地图、视频、表单等。使用 `<iframe>` 可以实现内容的跨域加载，但同时也需要注意安全性、兼容性以及性能优化等问题。
以下是 `<iframe>` 的基本用法和常见属性说明：
二、表格展示：
| 属性名 | 说明 | 示例值 |
| src | 指定要嵌入的网页地址（URL） | src="https://example.com" |
| width | 设置 iframe 的宽度（可以是像素或百分比） | width="600" |
| height | 设置 iframe 的高度（可以是像素或百分比） | height="400" |
| frameborder | 控制是否显示边框（HTML5 已废弃，建议使用 CSS 替代） | frameborder="0" |
| allow | 指定 iframe 的权限（如音频播放、全屏等） | allow="autoplay; fullscreen" |
| scrolling | 控制是否显示滚动条（none, auto, yes, no） | scrolling="no" |
| sandbox | 限制嵌入内容的权限（如禁止脚本执行、表单提交等） | sandbox="allow-scripts" |
| title | 为 iframe 提供描述信息，提升可访问性 | title="示例网页" |
三、注意事项：
1. 安全性问题：使用 `<iframe>` 嵌入第三方内容时，需注意潜在的安全风险，如 XSS 攻击。
2. 跨域限制：如果嵌入的页面设置了 `X-Frame-Options` 或 `Content-Security-Policy`，可能会阻止其被嵌入到其他页面中。
3. 性能影响：过多或过大 iframe 可能导致页面加载变慢，影响用户体验。
4. 响应式设计：应合理设置 iframe 的宽度和高度，确保在不同设备上都能正常显示。
四、适用场景：
- 嵌入在线地图（如 Google 地图）
- 显示 YouTube 视频
- 集成外部表单或支付页面
- 展示第三方博客或文章
通过合理使用 `<iframe>`，开发者可以在不跳转页面的情况下，灵活地将外部内容整合到自己的网站中。
