frame与iframe的用法与区别

来源:互联网 发布:中科院物理所考研知乎 编辑:程序博客网 时间:2024/06/06 06:43

我们首先来看一下W3CSchool教程上是如何解释的,因为本人也是从网上了解的

iframe定义和用法

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

我们可以在页面布局的任何地方来使用这个iframe,它就相当于在页面的任何一个地方插入一个小窗口,用来显示其他页面


frameset与frame定义和用法

<frame> 标签定义 frameset 中的一个特定的窗口(框架)。

frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。

先来个示例代码:

<html>
  <frameset cols="25%,50%,25%"> 
 <frame src="frame_a.htm" />
  <frame src="frame_b.htm" /> 
 <frame src="frame_c.htm" /></frameset>
</html>

需要注意的是如果把<frameset></frameset>放在body中则不会正常显示,并且,frame不能独立显示,一定是位于frameset中


区别:

我们通过以上定义就可以了解到iframe与frame的主要区别:

1.iframe可以位于文档body元素中,也可以直接写在frameset中

2.frameset只能位于body外面,不能够被body包裹,frame只能位于frameset元素中,而iframe不仅仅可以位于frameset中还可以独立显示,位于body中,

需要注意的是,如果在framseset中嵌套iframe,则必须把frameset写在body内部

3.我们可以通过样式对iframe进行任意布局,但是frame只能通过framset的rows和cols布局,只能位于文档的上下左右


参考博客:http://blog.csdn.net/lyr1985/article/details/6067026


原创粉丝点击