由于現(xiàn)在frame和frameset很少使用，已經(jīng)過時了，已經(jīng)被p+CSS代替了，所以，這里只是舉例說明一下，當下還在使用的內(nèi)聯(lián)框架iFrame

所謂的iFrame內(nèi)聯(lián)框架，我的理解就是在網(wǎng)頁內(nèi)部嵌套一個網(wǎng)頁，并且可以一級一級地嵌套下去。

示例如下：

/*

示例由index.html和iframe1.html、iframe2.html、iframe3.html組成

*/

先上一張效果圖，圖片后面是完整代碼。

點擊后

完整代碼如下

index.html

XML/HTML Code復(fù)制內(nèi)容到剪貼板

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title index /title  /head  !--注意，這里沒有body元素-- index  a href= www.cnblogs.com/czp2016/ frameborder= 1 czp_2016のblog /a  br/  iframe src= iframe1.html frameborder= 1 width= 800px height= 800px /iframe  /html 

iframe1.html

XML/HTML Code復(fù)制內(nèi)容到剪貼板

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title iframe1 /title  /head  body bgcolor= red iFrame1  a href= www.cnblogs.com/czp2016/ frameborder= 1 czp_2016のblog /a  br/  iframe src= iframe2.html frameborder= 0 width= 600px height= 600px /iframe  /body  /html 

iframe2.html

XML/HTML Code復(fù)制內(nèi)容到剪貼板

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title iframe2 /title  /head  body bgcolor= green iFrame2  a href= www.cnblogs.com/czp2016/ frameborder= 1 czp_2016のblog /a  br /  iframe src= iframe3.html frameborder= 0 width= 400px height= 400px /iframe  /body  /html 

iframe3.html

XML/HTML Code復(fù)制內(nèi)容到剪貼板

 !DOCTYPE html  html lang= en  head  meta charset= UTF-8  title iframe3 /title  /head  body bgcolor= yellow iFrame3  a href= www.cnblogs.com/czp2016/ frameborder= 1 czp_2016のblog /a /body  /html 

貌似各主流網(wǎng)站沒有采用這種布局的，應(yīng)用范圍也比較少了。

【相關(guān)推薦】

1. 免費h5在線視頻教程

2. HTML5 完整版手冊

3. HTML5實戰(zhàn)與剖析之延遲腳本

4. HTML5游戲框架cnGameJS開發(fā)實錄-資源加載模塊代碼詳解

5. HTML5實戰(zhàn)與剖析之HTMLDocument變化

以上就是深入解析HTML5 內(nèi)聯(lián)框架--iFrame的詳細內(nèi)容，其它編程語言

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。