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