深入剖析HTML5 內聯框架iFrame

2022-09-21 17:18:14 字數 570 閱讀 4315

由於現在frame和frameset很少使用,已經過時了,已經被div+css代替了,所以,這裡只是舉例說明一下,當下還在使用的內聯框架iframe

所謂的iframe內聯框架,我的理解就是在網頁內部巢狀乙個網頁,並且可以一級一級地巢狀下去。

示例如下:

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

先上一張效果圖,後面是完整**。

點選後完整**如下

index.html

xml/html code複製內容到剪貼簿

iframe1.html

xml/html code複製內容到剪貼簿

iframe2.html

xml/html code複製內容到剪貼簿

程式設計客棧

程式設計客棧

iframe3.html

xml/html code複製內容到剪貼簿

貌似各主流**沒有採用這種布局的,應用範圍也比較少了。

原文位址:

本文標題: 深入剖析html5 內聯框架iframe

本文位址:

深入了解 HTML 5

comsharp cms 寫道 雖然 html 5 仍遙遙無期,然而最近有關 html 5 的文章和資料卻越來越多起來,這個 world wide web 核心語言的第5個版本包含了太多的期待。這是 cameronmoll.com 蒐集的12個非常有用的 html5 資源,這些資料的目的並不是簡單地...

深入了解 HTML 5

雖然 html 5 仍遙遙無期,然而最近有關 html 5 的文章和資料卻越來越多起來,這個 world wide web 核心語言的第5個版本包含了太多的期待。這是 cameronmoll.com 蒐集的12個非常有用的 html5 資源,這些資料的目的並不是簡單地介紹 html5,因為它還未完成...

深入了解 HTML 5

comsharp cms 寫道 雖然 html 5 仍遙遙無期,然而最近有關 html 5 的文章和資料卻越來越多起來,這個 world wide web 核心語言的第5個版本包含了太多的期待。這是 cameronmoll.com 蒐集的12個非常有用的 html5 資源,這些資料的目的並不是簡單地...