frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里

frameset        它称为框架标记，是用来告知HTML文件是框架模式，并且设定可视窗口怎么分割

fram               它只是设定某一个框架窗口中的参数属性

iframe            它是在一个页面中嵌入一个框架窗口

frameset的属性

1、cols                     它是把整个画面竖向分割成几个画面
2、rows                   它是把整个画面横向分割成几个画面
3、frameborder       它表示设定这个框架的边框值。它的值只有两个0或者1.0表示不显示边框，1表示显示边框。
4、border                它表示了边框的宽度
5、bordercolor         它是设定了框架边框的颜色

frame的属性

1、src              指在此框架窗口中要显示的网页档案的链接
2、name             指这个框架窗口的名称
3、framespacing     指框架和框架之间保留的空白的距离
4、scrlling         指该框架窗口是否要显示滚动条
6、noresize         指框架的尺寸不能被随意拖动，改变大小  
7、marginheight      指框架顶部和底部边缘所保留的空间的大小
8、marginwidth      指框架左右两边边缘所保留的空间的大小。

frameset和frame标签必须在一起使用

frame有一个重要的值是target，它表示在指定的框架中打开网页

而target有四个值

1、blank                它表示在一个新的窗口中打开链接网页

2、top                   它表示在本窗口中打开链接网页

3、parent              在上一层的框架中打开链接网页

4、self                   在超链接中打开链接网页

target是在编写导航时肯定会用到的

noframes              指当浏览器完全显示不出这个框架时，页面就会显示出<noframes></noframes>内的内容。 

iframe的属性

1、name                  是框架窗口的名称
2、align                   是框架窗口中内容的对其方式
3、width                  是框架窗口的宽，单位是pixels
4、height               是框架窗口的长，单位是pixels
5、marginwidth      是插入的文件和框架左右边缘所保留的空间
6、marginheight     是插入的文件和框架上下边缘所保留的空间
7、frameborder      是指是否显示边框。1表示显示边框，0表示不显示边框
8、scrolling             是指是否允许使用滚动条。

利用frameset和frame可以把网页制作成所需要的不同大小的框架，可以用来布局。

iframe则是把一些网页嵌入到当前网页中，达到所需要的效果。

frame和iframe的区别

1、frame不能脱离frameSet单独使用，iframe可以；

2、frame不能放在body中；如下可以正常显示：

<!--<body>-->
<frameset rows="50%,*">
   <frame   name="frame1"   
src="test1.htm"/>  
   <frame   name="frame2"   
src="test2.htm"/>  
</frameset> 
<!--<body>-->

如下不能正常显示：

<body>
<frameset rows="50%,*">
   <frame   name="frame1"   
src="test1.htm"/>  
   <frame   name="frame2"   
src="test2.htm"/>  
</frameset> 
<body>

3、嵌套在frameSet中的iframe必需放在body中；如下可以正常显示：

  <body>
    <frameset>  
      <iframe   name="frame1"   
src="test1.htm"/>  
      <iframe   name="frame2"   
src="test2.htm"/>  
    </frameset>  
  </body>

如下不能正常显示：

  <!--<body>-->
    <frameset>  
      <iframe   name="frame1"   
src="test1.htm"/>  
      <iframe   name="frame2"   
src="test2.htm"/>  
    </frameset>  
  <!--</body>-->

4、不嵌套在frameSet中的iframe可以随意使用；
      如下均可以正常显示：

<body>
   <iframe   name="frame1"   
src="test1.htm"/>  
   <iframe   name="frame2"   
src="test2.htm"/>  
</body>


<!--<body>-->
   <iframe   name="frame1"   
src="test1.htm"/>  
   <iframe   name="frame2"   
src="test2.htm"/>  
<!--</body>-->

5、frame的高度只能通过frameSet控制；iframe可以自己控制，不能通过frameSet控制，如：

<!--<body>-->
<frameset rows="50%,*">
   <frame   name="frame1"   
src="test1.htm"/>  
   <frame   name="frame2"   
src="test2.htm"/>  
</frameset> 
<!--</body>-->

<body>
<frameset>
   <iframe height="30%"  
name="frame1"    src="test1.htm"/>  
   <iframe height="100"  
name="frame2"    src="test2.htm"/>  
</frameset> 
</body>

6、如果在同一个页面使用了两个以上的iframe，在IE中可以正常显示，在firefox中只能显示出第一个；使用两个以上的frame在IE和firefox中均可正常

以上代码在IE7和firefox2.0中测试。

iframe与frameset（转载）的更多相关文章

  1. 使用iframe 或frameset框架退出不成功

    iframe .frameset框架有时登录界面加载在框架当中,但我们想直接到登录界面,这时我们可以使用js来实现.if(window!=top) { top.location.href=locati ...

  2. HTML iframe 和 frameset 的区别

    转自:http://www.cnblogs.com/polk6/archive/2013/05/24/3097430.html HTML iframe 和 frameset 的区别 iframe 和 ...

  3. 【html】 iframe 和 frameset 的区别

    一.两者的相同点和不同点 相同点: iframe 和frameset都是html布局的框架布局 不同点: iframe是一个内联框架,是在页面里生成内部框架 frameset定义一个框架集,包含多个子 ...

  4. html部分---表单、iframe、frameset及其他字符的用法（以及name、id、value的作用与区别）；

    <form action="aa.html" method="post/get"> /action的作用是提交到..,methed是提交方法,用po ...

  5. iframe与frameset有什么区别

    frame,iframe,frameset 的区别 <FRAMESET> <FRAME><NOFRAMES><IFRAME>欲明白本篇[HTML剖析]之 ...

  6. 使用iframe设置frameset的高度

    index.html的页面代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "htt ...

  7. html Frame、Iframe、Frameset 的区别 详细出处参考：http://www.jb51.net/web/22785.html

    10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别. 用来划分框架,每一个框架由标记.必须在之内使用,代码如下: 在上面的例子当中,把页面分为左右两个部分, ...

  8. iframe 与frameset

    frameset 元素可定义一个框架集.它被用来组织多个窗口(框架).每个框架存有独立的文档.在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行.您必须使用 cols 或 ...

  9. 自己写的_top、_parent以及对iframe和frameset的理解

    iframe可以写在<body>标签里,如<body><iframe src="xxx"  name="xxx" style=&q ...

随机推荐

  1. ubnutu安装sougou 输入法

    先安百度经验安装fcitx 1.首先下载sogoupinyin_2.0.0.0068_amd64.deb,点击安装后,会通过ubuntu软件中心安装,安装玩成后,任然是无法使用.然后: 2.然后执行下 ...

  2. TrueType, OpenType, PCL和PostScript字体版本nterleaved 2 of 5 Barcode Font Advantage Package

    Interleaved 2 of 5 Barcode Font Advantage Package包含了TrueType, OpenType, PCL和PostScript字体版本. 提供了超过30个 ...

  3. 苹果 Mac OS X Yosemite 10.10 新功能特性总结 - 扁平化、主打跨设备的无缝连通性

    苹果在2014.06.03凌晨的 WWDC 2014 大会上正式发布了最新的 OS X Yosemite 桌面操作系统和 iOS 8 移动系统.虽然整场发布会的重心都在软件上,并没有硬件亮相,但软件上 ...

  4. centos下安装node js

    #wget http://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gz #tar xf node-v0.10.24.tar.gz #cd node-v0. ...

  5. HTML--2图片热点，网页划区，拼接

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 网页的拼接: 在一个网络 ...

  6. 摘自：java夜未眠之java学习之道

    目前Java可以说是产业界和学术界最热门的语言,许多读者都很急切想把Java学好.除非是武侠小说中的运功传送内力的方式,否则花上一段时间苦学是免不了的.花时间,不打紧,就是怕方法错误,事倍功半.我认为 ...

  7. HDU 3829 - Cat VS Dog （二分图最大独立集）

    题意:动物园有n只猫和m条狗,现在有p个小孩,他们有的喜欢猫,有的喜欢狗,其中喜欢猫的一定不喜欢狗,喜欢狗的一定不喜欢猫.现在管理员要从动物园中移除一些动物,如果一个小孩喜欢的动物留了下来而不喜欢的动 ...

  8. 自适应label的高度

    iOS7以下的系统可使用方法 //获得当前cell高度 CGRect frame = [self frame]; //文本赋值 self.introduction.text = text; //设置l ...

  9. 在windows 、linux下读取目录下所有文件名

    Windows要引入的头文件是<Windows.h> 主要是两个函数FindFirstFile.FindNextFile MSDN里是这么说的: FindFirstFile functio ...

  10. 让一个小Div（子）在大Div（父）中垂直水平都居中

    方法1: .parent {          width:800px;          height:500px;          border:2px solid #000;          ...