首頁  >  文章  >  web前端  >  frame和iframe標籤的區別

frame和iframe標籤的區別

巴扎黑
巴扎黑原創
2018-05-11 17:41:122149瀏覽

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中測試。 
另外相關論壇竊取摘要 :-) 
1Frame與Iframe兩者可以實現的功能基本相同,不過Iframe比Frame具有更多的彈性。
frame是整個頁面的框架,iframe是內嵌的網頁元素,也可以說是內嵌的框架 
Iframe標記又叫浮動幀標記,可以用它將一個HTML文件嵌入在一個HTML中顯示。它和Frame標記的最大差異是在網頁中嵌入的744a36ce5a80811620fd656a5a6732af47339a95073fc7313e65a7a8ddc71270所包含的內容與整個頁面是一個整體,而a6b59115af808fdb3d02f302deb8ef36660eda582d41f4f6ecd9a0810d30fbff所包含的內容與整個頁面是一個整體,而a6b59115af808fdb3d02f302deb8ef36660eda582d41f4f6ecd9a0810d30fbff所包含的內容是一個獨立的個體,是可以獨立顯示的。另外,應用Iframe還可以在同一個頁面中多次顯示相同內容,而不必重複這段內容的程式碼。 
2iframe 可以放到表格裡面。 frame 則不行。 

<table> 
<tr> 
<td><iframe id="" src=""></iframe></td><td></td> 
</tr> 
</table>

3frame必须在frameset里 
而frameset不能与body元素共存,也就说有frameset元素的文档只能是一个框架集,不能有别的东东 
4IFrame是放在网业的什么地方都行   
  但是frame只能放到上下左右四个方向 
5iframme   是活动帧   
  而frame是非活动帧   
  iframe使用方法如下   
  7455c763cb1ccd1b9aa8dc60ff09286c065276f04003e4622c4fe6b64f465b88 
iframe用起来更灵活,不需要frame那么多讲究   
而且放的位置也可以自己设 
iframe是内嵌的,比较灵活,不过也有不好的地方,就是位置在不同的浏览器和分辨率下有可能不同,有时会把本来好好的页面搞得变形 
iframe就没有这个限制 
6iframe   可以加在网页中任何一个地方。   
  而frame   通常做框架页 
iframe是一个网页中的子框架,两网页间是父子关系   
  frame是框架,由多个并列的网页构成 
楼上的说得对,iframe是浮动的。就像是浮动面板,而frame是固定的。只能四个方向上的。   
你可以直接在网页里用一下,看看效果就行了。 
7d5ba1642137c3f32f4f4493ae923989c是被嵌入在网页的元素,而04a0d55efbbfd646a993fbc01f262c57用于组成一个页面的多个框架! 
iframe   更利于版面的设计   
  frame     一条直一条竖的不美观 
frame的那一条线也可以去掉的呦!只不过,iframe更方便对其进行数据的交换吧! 
iframe可以放置到你想放的任意位置,控制起来比frame方便 
8iframe是内部帧,可以嵌在一个页面里面,设置内部帧的属性可以使得整体看上去象一个完整的页面,而不是由多个页面组成,frame有frame的好处,比如何多网站,上面放广告条,左边放菜单,右边放内容,这样上边和左边的内容都可不动,只刷新右边页面的内容,选择iframe还是frame完全看自己的需求。 
说白了,用IFrame比用Frame少一个文件(FrameSet),但支持Frame的浏览器比较多。 
我為我公司做的網站,整個是用了iframe,linux帶的瀏覽器都不支持,哎呀,醜呀,不過我還是喜歡用iframe 
還有iframe可以放在表格裡,然後ifame設定成width=100%   height=100%   
  我就可以只需修改我的表格的寬度和高度,這樣的話有利於排版  
##其實Frame是一個控制   
#  使用方法和Panle相同。 
frame是把網頁分成多個頁面的頁面。它要有一個框架集頁面frameset   
  iframe是一個浮動的框架,就是在你的頁面裡再加上一個頁面, 
#04a0d55efbbfd646a993fbc01f262c57用來把頁面橫著或垂直切開,   
  d5ba1642137c3f32f4f4493ae923989c用來在頁面中插入矩形的小視窗 
Frame一般用來設定頁面佈局,將整個頁面分成規則的幾塊,每一塊內麵包含一個新頁面.   
  iframe用來在頁面的任何地方插入一個新的頁面.   
#  因此,Frame用來控制頁面格式,比如一本書,左邊是章節目錄,右邊是正文,正文很長,看的時候要拖動,但又不想目錄也被拖動得開不到了.因此最好將頁面用Frame分成規則的2頁,一左一右.   
  而iframe則更靈活,不要求將整個頁面劃分,你可以在頁面任何地方用iframe嵌入新的頁面. 

以上是frame和iframe標籤的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn