内联框架(iframe元素)

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>

不过目前没有浏览器支持该属性。

posted @ 2013-06-24 15:36  lailinlin_com  阅读(467)  评论(0编辑  收藏  举报