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则是把一些网页嵌入到当前网页中,达到所需要的效果。
iframe和frame的区别
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>
相反,假如iframe放在frameSet属性下面,则必需放在body中
<body>
<frameset>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</frameset>
</body>
3、iframe是一个html标签,在html中任何地方,都可以随意使用,而frame不可以。
<body>
<iframe name="frame1" src="test1.htm"/>
<iframe name="frame2" src="test2.htm"/>
</body>
<table>
<tr>
<td><iframe id="" src=""></iframe></td><td></td>
</tr>
</table>
而frame必须嵌套在frameSet中,且不能再table等标签中使用。
4、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>
5、如果在同一个页面使用了两个以上的iframe,在IE中可以正常显示,在firefox中只能显示出第一个;使用两个以上的frame在IE和firefox中均可正常
frameset相关属性介绍
border 设置框架的边框粗细。
bordercolor 设置框架的边框颜色。
frameborder 设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。
cols
纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“”表示该区域占用余下页面空间。例如:cols="25%,200,*" 表示将页面分为三部分,左面部分占页面25%,中间横向宽度为200像素,页面余下的作为右面部分。
rows 横向分割页面。数值表示方法与意义与cols相同。
framespacing 设置框架与框架间的保留的空白距离。
用法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>haorooms博客frame标准demo</title>
</head>
<frameset row="180,*">
<frame name="topFrame" src="topframe.html" />
<frameset cols="50%,50%">
<frame src="left.html" name="leftFrame" />
<frame src="right.html" name="rightFrame" />
</frameset>
</frameset>
</html>
布局及用js选区各个部分效果图如下:
转自:http://www.haorooms.com/post/html_frameset_contro
<FRAMESET> <FRAME> <NOFRAMES> <IFRAME> | |||||||||||||||||||||||||||||||||||
■ 框架概念 : | |||||||||||||||||||||||||||||||||||
所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗,每一框窗由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。如下例: <frameset cols="50%,*"> < /frameset> 此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。 本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正 如其它篇章一样并不会提及网页制作工具,若馈下学会了 HTML 相信你亦不会选用 Composer , FrontPage 一类的工具了。 | |||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||
<FRAMESET> 称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割。 <FRAME> 则只是设定某一个框窗内的参数属性。 <FRAMESET> 参数设定:
<FRAME> 参数设定:
| |||||||||||||||||||||||||||||||||||
以下是一些例子:(与 Composer 教室的【运用框架】相同)
| |||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||
当别人使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免 这种情况,可使用<NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看 到 <NOFRAMES> 与 </NOFRAMES> 之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。 应用方法: <body> 很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。 </body> </noframes> 若浏览器支援框架,那堋它不会理会 <noframes> 中的东西,但若浏览器不支援框架,由 於不认识所有框架标记,不明的标记会被略过,标记包围的东西便被解读出来,所以放在 <noframes>范围内的文字会被显示。 | |||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||
这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如<noframes> 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好,若 javascript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。 <iframe> 的参数设定如下:
转自:http://captaincook.iteye.com/blog/365634
|