內聯框架是嵌入在網站上的另一個 HTML 文檔中的 HTML 文檔??梢詫⑵湟暈?ldquo;網頁中的網頁”。也許你看過電影《盜夢空間》,它講述了夢中的夢想。或者玩一個俄羅斯嵌套的娃娃。這是相同的概念。
HTML 內聯框架代碼示例
內聯框架 HTML 標記用于指定要嵌入的文檔的 URL。
Iframe 通常用于在網頁上嵌入視頻、地圖和其他媒體。您還可以使用它們將另一個網頁嵌入到網頁中。下面是用于嵌入外部資源的代碼的幾個示例:iframe
以下是在HTML中嵌入交互式資源的幾個示例。此特定代碼嵌入Vimeo視頻播放器:
內聯框架從網絡的早期就已經存在了。開發人員最初使用它們在網頁上嵌入外部內容,例如來自YouTube的視頻。
還有像Spotyupon這樣的“工具欄”類型的網站,它們會將其工具欄添加到網站頂部。Stumbleupon通過使用iframe在自己的頁面上呈現網站來做到這一點。
為什么開發人員大多已停止在其網站中使用 iframe
如今,開發人員仍然使用iframes仍然用于在網頁上嵌入媒體和其他內容。但是出于安全考慮,許多Web開發框架都不鼓勵這樣做。
歸根結底,在另一個網頁內運行的iframe將不是理想的用戶體驗。Iframe在手機上看起來特別糟糕,并破壞其他響應式網頁設計布局。這就是為什么內聯框架在很大程度上失寵的原因。