frameset与iframe 的应用与区别

frameset与iframe 的应用与区别

一、frameset 定义一个框架集,包含多个框架,每个框架都有自力的文档。

frameset的属性

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

代码示例:

  • <html>
    <head>
        <title>frameset 演示</title>
    </head>
    <frameset rows="30%,*"  noresize="noresize">
        <frame src=url1 name="frm1"  />
        <frame src=url2 name="frm2"/>
        <noframes></noframes>
    </frameset>
    </html>
    	

     

  • 二、fram 它只是设定某一个框架窗口中的参数属性
  • 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 是个内联框架,是在页面里生成个内部框架。

    iframe的属性

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

    代码示例:

  • <body>
    <h3>HTML标签演示</h3>
    <iframe src="url" name="test" align="MIDDLE"
    width="300" height="100" marginwidth="1" marginheight="1"
    frameborder="1" scrolling="Yes"> 
    </body>
    
  • 利用frameset和frame可以把网页制作成所需要的不同大小的框架,可以用来布局。iframe则是把一些网页嵌入到当前网页中,达到所需要的效果。