html中的框架frameset和frame及iframe

1、html中的框架frameset和frame及iframe通过用法框架，你可以在同一个扫瞄器窗口中显示不止一个页面。通过用法框架，你可以在同一个扫瞄器窗口中显示不止一个页面，简而言之，就是在一个窗口中显示多个页面。每个页面称之为一个框架。并且每个框架自立于其他的框架。用法框架的坏处：必需同时跟踪多个框架（网页或html文档），囫囵页面很难打印。1、框架标签（frame）容易的三框架页面：全部主流扫瞄器都支持标签。标签定义及用法解释标签定义中的子窗口（框架）。中的每个都可以设置不同的属性，比如border、scrolling,noresize等等。html4.01与html5之间的差异html5

2、不支持标签，html4.01支持标签。html与xhtml之间的差异在html中，标签没有结束标签。在xhtml中，标签必需被正确地关闭。可选的属性属性 值 描述frameborder 01 html5不支持。规定是否显示框架周围的边框。longdesc url html5不支持。规定一个包含有关框架内容的长描述的页面。marginheight pixels html5不支持。规定框架的上方和下方的边距。marginwidth pixels html5不支持。规定框架的左侧和右侧的边距。name name html5不支持。规定框架的名称。noresize noresize html5不支持。

3、规定无法调节框架的大小。scrolling yesnoauto html5不支持。规定是否在框架中显示滚动条。src url html5不支持。规定在框架中显示的文档的url。标准属性在html4.01中，标签支持如下标准属性：属性 值 描述class classname 规定元素的类名id id 规定元素的唯一idstyle style_definition 规定元素的行内样式title text 规定元素的额外信息大事属性按照w3c的标准，在html4.01中，标签不支持任何的大事属性。但是，全部的扫瞄器都支持onload大事。基本的注重事项-实用的提醒如果一个框架有可见边框，用户可以拖动

4、边框来转变它的大小。为了避开这种状况发生，可以在标签中加入：noresize="noresize"。为不支持框架的扫瞄器添加标签。重要提醒：不能将标签与标签同时用法！不过，如果你添加包含一段文本的标签，就必需将这段文字嵌套于标签内。（在下面的第一个实例中，可以查看它是如何实现的。）如何用法标签您的扫瞄器无法处理框架！2、框架结构标签（）框架结构标签（）定义如何将窗口分割为框架每个frameset定义了一系列行或列rows/columns的值规定了每行或每列占领屏幕的面积编者注：frameset标签也被某些文章和书籍译为框架集。3、标签标签iframe是个内联

5、框架，是在页面里生成个内部框架。格式属性frameborderint：是否显示框架的边框；srcurl：指定一个资源(如网页、)的uri；scrollingboolean：是否显示框架的滚动条；widthint：定义iframe的宽度；heightint：定义iframe的高度；示例html标签演示注重事项在"我是内容"内添加内容时，在展示页面不会显示添加的内容。所以还是用法src属性指定一个页面吧。应用场景1)版本升级页面，版本日志过多，可以把升级的信息放到一个iframe里。2)富文本编辑框，如博客园的【新建随笔】区域。4、frame,iframe,fr

6、ameset之间的关系与区分iframe是在html页面内嵌入框架框架内可以衔接另一个页面，如frameset在一个页面中设置一个或多个框架不能嵌套在body标签里frameset它称为框架标志，是用来告诉html文件是框架模式，并且设定可视窗口怎么分割frame它只是设定某一个框架窗口中的参数属性iframe它是在一个页面中嵌入一个框架窗口frameset的属性1、cols它是把囫囵画面竖向分割成几个画面2、rows它是把囫囵画面横向分割成几个画面3、frameborder它表示设定这个框架的边框值。它的值惟独两个0或者1.0表示不显示边框，1表示显示边框。4、border它表示了边框的宽度

7、5、bordercolor它是设定了框架边框的色彩frame的属性1、src指在此框架窗口中要显示的网页档案的链接2、name指这个框架窗口的名称3、framespacing指框架和框架之间保留的空白的距离4、scrlling指该框架窗口是否要显示滚动条6、noresize指框架的尺寸不能被任意拖动，转变大小7、marginheight指框架顶部和底部边缘所保留的空间的大小8、marginwidth指框架左右两边边缘所保留的空间的大小。frameset和frame标签必需在一起用法frame有一个重要的值是target，它表示在指定的框架中打开网页而target有四个值1、blank它表示在一

8、个新的窗口中打开链接网页2、top它表示在本窗口中打开链接网页3、parent在上一层的框架中打开链接网页4、self在超链接中打开链接网页target是在编写导航时绝对会用到的noframes指当扫瞄器彻低显示不出这个框架时，页面就会显示出内的内容。iframe的属性1、name是框架窗口的名称2、align是框架窗口中内容的对其方式3、width是框架窗口的宽，单位是pixels4、height是框架窗口的长，单位是pixels5、marginwidth是插入的文件和框架左右边缘所保留的空间6、marginheight是插入的文件和框架上下边缘所保留的空间7、frameborder是指是否

9、显示边框。1表示显示边框，0表示不显示边框8、scrolling是指是否允许用法滚动条。利用frameset和frame可以把网页制作成所需要的不同大小的框架，可以用来布局。iframe则是把一些网页嵌入到当前网页中，达到所需要的效果。框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个url。只需要即可，而全部框架标志需要放在一个总起的html档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入标志，扫瞄这框架必需读取这档案而不是其它框窗的档案。是用以划分框窗，每一框窗由一个标志所标示，必需在范围中用法。如下例：此例中把画面分成左右两相等部分，左便是显示up2u.html，

10、右边则会显示me2.html这档案，标志所标示的框窗永久是按由上而下、由左至右的次序。本节与composer教室的【运用框架】大部分相同，只是本节增强了内容及较为具体，正如其它篇章一样并不会提及网页制作工具，若阁下学会了html信任你亦不会选用composer，frontpage一类的工具了。：称框架标志，用以宣告html文件为框架模式，并设定视窗如何分割。则只是设定某一个框窗内的参数属性。参数设定：例子：cols="90,*"垂直切割画面(如分左右两个画面)，接受整数值、百分数，*则代表占用馀下空间。数值的个数代表分成的视窗数目且以逗号分隔。例如cols=

11、"30,*,50%"可以切成叁个视窗，第一个视窗是30pixels的宽度，为一肯定分割，其次个视窗是当分配完第一及第叁个视窗後剩下的空间，第叁个视窗则占囫囵画面的50%宽度为一相对分割。您可自己调节数字。rows="120,*"就是横向切割，将画面上下分开，数值设定同上。唯cols与rows两参数尽量不要同在一个标志中，因netacape偶然不能显示这类形的框架，尽采纳多重分割。frameborder="0"设定框架的边框，其值惟独0和1，0表示不要边框，1表示要显示边框。（避开用法ye

12、s或no）border="0"设定框架的边框厚度，以pixels为单位。bordercolor="008000"设定框架的边框色彩。色彩值请参考【调色原理】。framespacing="5"表示框架与框架间的保留空白的距离。参数设定：例子：src="a.html"设定此框窗中要显示的网页档案名称，每个框窗一定要对应着一个网页档案。你可用法肯定路径或相对路径，有关此两者详见於【连结进阶】。name="top"设定这个框

13、窗的名称，这样才干指定框架来作连结，必需但随意命名。frameborder=0设定框架的边框，其值惟独0和1，0表示不要边框，1表示要显示边框。（避开用法yes或no）framespacing="6"表示框架与框架间的保留空白的距离。bordercolor="008000"设定框架的边框色彩。色彩值请参考【html剖析】。scrolling="auto"设定是否要显示卷轴，yes表示要显示卷轴，no表示无论如何都不要显示，auto是视状况显示。noresize设定不让用法者可以转变这个框

14、框的大小，亦没有设定此参数，用法者可以很任意地拉动框架，转变其大小。marginhight=5表示框架高度部份边缘所保留的空间。marginwidth=5表示框架宽度部份边缘所保留的空间。以下是一些例子：（与composer教室的【运用框架】相同）例子htmlcode例子htmlcode例子htmlcode例子htmlcode例子htmlcode：当别人用法的扫瞄器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避开这种状况，可用法这个标志，当用法者的扫瞄器看不到框架时，他就会看到与之间的内容，而不是一片空白。这些内容可以是提示扫瞄转用新的扫瞄器的字句，甚至是一个没有框架的网页或能自动

15、切换至没有框架的版本亦可。应用办法：在标志范围加入标志，以下是一个例子：很愧疚，阁下用法的扫瞄器不支援框架功能，请转用新的扫瞄器。若扫瞄器支援框架，那麽它不会理睬中的东西，但若扫瞄器不支援框架，由於不熟悉全部框架标志，不明的标志会被略过，标志包围的东西便被解读出来，所以放在范围内的文字会被显示。：这标志只适用於ie(comet:也用法于firefox)。它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是一个围堵标志，但绕着的字句惟独在扫瞄器不支援iframe标志时才会显示，如一样，可以放些提示字句之类。通常iframe协作一个辨认扫瞄器的javascript会较好，若javascrip

16、t认出该扫瞄器并非internetexplorer便会切换至另一版本。ps：一定要用法关闭，否则后面的内容显示不出来。的参数设定如下：例子：src="iframe.html"欲显示於此框窗的文件来源除档案名称，须要加上相对或肯定路径。name="test"此框窗名称，这是连结标志的target参数所需要的，align="middle"可选值为left,right,top,middle,bottom，作用不大width="300"height=&

17、quot;100"框窗的宽及长，以pixels为单位。marginwidth="1"marginheight="1"该插入的文件与框边所保留的空间。frameborder="1"用法1表示显示边框，0则不显示。（可以是yes或no）scrolling="yes"用法yes表示容许卷动（内定），no则不容许卷动frame和iframe的区分1、frame不能脱离frameset单独用法，iframe可以；2、frame不能放在body中

18、；如下可以正常显示：->->如下不能正常显示：3、嵌套在frameset中的iframe必须放在body中；如下可以正常显示：如下不能正常显示：->->4、不嵌套在frameset中的iframe可以任意用法；如下均可以正常显示：->->5、frame的高度只能通过frameset控制；iframe可以自己控制，不能通过frameset控制，如：->->5、frame和iframe的区分1、frame不能脱离frameset单独用法，iframe可以；2、frame不能放在body中；如下可以正常显示：->->如下不能正常显示：3、嵌

19、套在frameset中的iframe必须放在body中；如下可以正常显示：如下不能正常显示：->->4、不嵌套在frameset中的iframe可以任意用法；如下均可以正常显示：->->5、frame的高度只能通过frameset控制；iframe可以自己控制，不能通过frameset控制，如：->->6、假如在同一个页面用法了两个以上的iframe，在ie中可以正常显示，在firefox中只能显示出第一个；用法两个以上的frame在ie和firefox中均可正常以上代码在ie7和firefox2.0中测试。另外相关论坛窃取总结:-)1frame与ifram

20、e两者可以实现的功能基本相同，不过iframe比frame具有更多的灵便性。frame是囫囵页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架iframe标志又叫浮动帧标志，可以用它将一个html文档嵌入在一个html中显示。它和frame标志的最大区分是在网页中嵌入的所包含的内容与囫囵页面是一个整体，而所包含的内容是一个自立的个体，是可以自立显示的。另外，应用iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。2iframe可以放到表格里面。frame则不可。3frame必需在frameset里而frameset不能与body元素共存，也就说有frames

21、et元素的文档只能是一个框架集，不能有别的东东4iframe是放在网业的什么地方都行但是frame只能放到上下左右四个方向5iframme是活动帧而frame是非活动帧iframe用法办法如下iframe用起来更灵便，不需要frame那么多考究而且放的位置也可以自己设iframe是内嵌的，比较灵便，不过也有不好的地方，就是位置在不同的扫瞄器和辨别率下有可能不同，有时会把原来好好的页面搞得变形iframe就没有这个限制6iframe可以加在网页中任何一个地方。而frame通常做框架页iframe是一个网页中的子框架,两网页间是父子关系frame是框架,由多个并列的网页构成楼上的说得对，iframe是浮动的。就像是浮动面板，而frame是固定的。只能四个方向上的。你可以挺直在网页里用一下，看看效果就行了。7是被嵌入在网页的元素，而用于组成一个页面的多个框架！iframe更利于版面的设计frame一条直一条竖的不美观frame的那一条线也可以去掉的呦！只不过，iframe更便利对其举行数据的交换吧！iframe