由于现在设计和框式支架很少使用，已经过时了，已经被网页设计代替了，所以，这里只是举例说明一下，当下还在使用的内联框架内联框架

所谓的内联框架内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。

示例如下：

/*

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

*/

先上一张效果图，图片后面是完整代码。

点击后

完整代码如下

index.html

XML/HTML代码复制内容到剪贴板

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题索引/标题

/head

！-注意，这里没有身体元素-

指数

ahref='http://www.cnblogs.com/czp2016/'frameborder='1'czp_2016blog/a

br/

iframesrc=' iframe 1。' html '框架边框=' 1 '宽度=' 800 px '高度=' 800 px '/iframe

/html

iframe1.html

XML/HTML代码复制内容到剪贴板

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题框架1/标题

/head

bodybgcolor='红色'

iFrame1

ahref='http://www.cnblogs.com/czp2016/'frameborder='1'czp_2016blog/a

br/

iframesrc=' iframe 2。' html '框架边框=' 0 '宽度=' 600 px '高度=' 600 px '/iframe

/body

/html

iframe2.html

XML/HTML代码复制内容到剪贴板

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题框架2/标题

/head

bodybgcolor='绿色'

iFrame2

ahref='http://www.cnblogs.com/czp2016/'frameborder='1'czp_2016blog/a

br/

iframesrc=' iframe 3。' html '框架边框=' 0 '宽度=' 400 px '高度=' 400 px '/iframe

/body

/html

iframe3.html

XML/HTML代码复制内容到剪贴板

！DOCTYPEhtml

htmllang='en '

头

' UTF-8 '

标题框架3/标题

/head

bodybgcolor='黄色'

iFrame3

ahref='http://www.cnblogs.com/czp2016/'frameborder='1'czp_2016blog/a/body

/html

貌似各主流网站没有采用这种布局的，应用范围也比较少了。