内联框架
iframe(内联框架的简称)是一种 HTML 元素,可将外部 网页 嵌入 HTML 文档中。与传统的 框架 不同,传统框架用于创建网页结构,而 iframe 可以插入网页布局中的任何位置。
可以使用 iframe 标签 将 iframe 插入 HTML 文档,如下面的示例所示:
<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>
上面的代码会将 URL 中的内容插入网页内一个宽 728 像素、高 90 像素的内联框架中。iframe 源(src)可以引用外部网站,也可以引用同一服务器上的另一个页面,例如 src="/example.php"。width 和 height 属性不是必需的,但通常用于定义 iframe 的大小。marginwidth 和 marginheight 等其他 iframe 属性在 HTML 4 及更早版本中受支持,但在 HTML5 中,会使用 CSS 自定义 iframe 的外观。
iframe 有多种用途,例如在线广告和 多媒体。许多广告平台使用 iframe 在网页上显示广告,因为 iframe 比内联 脚本更加灵活。由于 iframe 可能包含整个网页,广告商可以在 iframe 中加入额外的跟踪代码,从而帮助确保广告商和发布商都能获得准确的报告。
iframe 还用于在网页中显示不同类型的媒体。例如,YouTube 视频和 Google 地图窗口通常使用 iframe 嵌入网页。许多 Web 应用使用 iframe,因为它们可以显示动态内容,而无需重新加载网页。
测试你的知识