iframe元素允许网页设计者在一个网页文本块中插入和显示另一个网页，这也被称为内联框架。
使用html框架可以在多个视图窗口中展示网页，视图可以是独立窗口或者子窗口。多视图模式提供给网页设计者一个方法，使用该方法，可以实现保持某一个视图始终可视，而其它视图可以滚动或者也可以被替换掉。
1.使用iframe元素的src属性可以定义框架所指向的文档资源，这是框架窗口的初始内容，可以是一个html文档，也可以是一个图片。当浏览器加载网页文档完成时。就会加载框架窗口的初始文档。
<iframe scr="index.html" width="300" height="50">
</iframe>
<iframe scr="images/dog.png" width="300" height="50">
</iframe>
如上面代码，可以使用width和height属性指定框架的宽度和高度。
当然也可以使用srcdoc属性直接指定要显示的html文本。属性值是html语法的字符串、例如下面代码，使用srcdoc属性定义内容：
<iframe srcdoc="<p>这是一副小狗图片</p>"scr="images/dog.png" width="300" height="50">
</iframe>
不过目前没有浏览器支持该属性。
来源：https://www.cnblogs.com/lailinlin-com/p/3152562.html