内联框架是嵌入在网站上的另一个 HTML 文档中的 HTML 文档。可以将其视为“网页中的网页”。也许你看过电影《盗梦空间》,它讲述了梦中的梦想。或者玩一个俄罗斯嵌套的娃娃。这是相同的概念。
HTML 内联框架代码示例
内联框架 HTML 标记用于指定要嵌入的文档的 URL。
Iframe 通常用于在网页上嵌入视频、地图和其他媒体。您还可以使用它们将另一个网页嵌入到网页中。下面是用于嵌入外部资源的代码的几个示例:iframe
以下是在HTML中嵌入交互式资源的几个示例。此特定代码嵌入Vimeo视频播放器:
内联框架从网络的早期就已经存在了。开发人员最初使用它们在网页上嵌入外部内容,例如来自YouTube的视频。
还有像Spotyupon这样的“工具栏”类型的网站,它们会将其工具栏添加到网站顶部。Stumbleupon通过使用iframe在自己的页面上呈现网站来做到这一点。
为什么开发人员大多已停止在其网站中使用 iframe
如今,开发人员仍然使用iframes仍然用于在网页上嵌入媒体和其他内容。但是出于安全考虑,许多Web开发框架都不鼓励这样做。
归根结底,在另一个网页内运行的iframe将不是理想的用户体验。Iframe在手机上看起来特别糟糕,并破坏其他响应式网页设计布局。这就是为什么内联框架在很大程度上失宠的原因。