【iframe】一、
“iframe”是HTML中用于嵌入外部网页或内容的标签，全称为“Inline Frame”。通过使用`<iframe>`标签，开发者可以在一个网页中直接显示另一个网页的内容，而无需用户跳转到新页面。这种技术广泛应用于广告展示、地图嵌入、视频播放以及第三方内容集成等场景。
`<iframe>`标签的基本语法为：
`<iframe src="URL" width="宽度" height="高度"></iframe>`
除了基本属性外，`<iframe>`还支持多种扩展属性，如`allow`、`allowfullscreen`、`loading`等，以提升用户体验和安全性。同时，由于跨域问题的存在，部分网站会限制`<iframe>`的加载行为，这需要开发者在实际应用中加以注意。
二、表格展示
| 属性名称 | 说明 | 示例值 |
| `src` | 指定要嵌入的网页地址 | "https://www.example.com" |
| `width` | 设置iframe的宽度 | "600" |
| `height` | 设置iframe的高度 | "400" |
| `allow` | 控制iframe中的功能权限 | "camera; microphone" |
| `allowfullscreen` | 是否允许全屏显示 | "allowfullscreen" |
| `loading` | 控制iframe的加载方式（延迟加载） | "lazy" |
| `frameborder` | 设置边框样式（已过时，建议用CSS） | "0" |
| `scrolling` | 控制是否出现滚动条 | "auto" |
| `title` | 为iframe提供替代文本（可访问性） | "示例页面" |
三、注意事项
- 使用`<iframe>`时需注意跨域限制，某些网站可能禁止被嵌入。
- 合理设置`allow`属性可以增强安全性，防止恶意内容执行。
- 建议使用CSS代替`frameborder`属性来控制边框样式。
- 对于性能优化，可使用`loading="lazy"`实现延迟加载。
通过合理使用`<iframe>`，可以有效提升网页内容的丰富性和交互性，但同时也需要注意安全与兼容性问题。