【HTML】 frame和iframe的區別

來源:互聯網
上載者:User

標籤:order   解析度   blog   ref   內容   war   ace   嵌入   控制項   

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標記的最大區別是在網頁中嵌入的<Iframe></Iframe>所包含的內容與整個頁面是一個整體,而<Frame></Frame>所包含的內容是一個獨立的個體,是可以獨立顯示的。另外,應用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使用方法如下   
  <iframe   scr="sourcefile"   frameborder=0   width="width"   height="height"></iframe> 
iframe用起來更靈活,不需要frame那麼多講究   
而且放的位置也可以自己設 
iframe是內嵌的,比較靈活,不過也有不好的地方,就是位置在不同的瀏覽器和解析度下有可能不同,有時會把本來好好的頁面搞得變形 

iframe就沒有這個限制 

6iframe   可以加在網頁中任何一個地方。   
  而frame   通常做架構頁 
iframe是一個網頁中的子架構,兩網頁間是父子關係   
    
  frame是架構,由多個並列的網頁構成 
樓上的說得對,iframe是浮動的。就像是浮動面板,而frame是固定的。只能四個方向上的。   
你可以直接在網頁裡用一下,看看效果就行了。 


7<iframe>是被嵌入在網頁的元素,而<frame>用於組成一個頁面的多個架構! 
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是一個浮動的架構,就是在你的頁面裡再加上一個頁面, 

<frame>用來把頁面橫著或豎著切開,   
  <iframe>用來在頁面中插入一個矩形的小視窗 

Frame一般用來設定頁面配置,將整個頁面分成規則的幾塊,每一塊裡麵包含一個新頁面.   
  iframe用來在頁面的任何地方插入一個新的頁面.   
    
  因此,Frame用來控制頁面格式,比如一本書,左邊是章節目錄,右邊是本文,本文很長,看的時候要拖動,但又不想目錄也被拖動得開不到了.因此最好將頁面用Frame分成規則的2頁,一左一右.   
    
  而iframe則更靈活,不要求將整個頁面劃分,你可以在頁面任何地方用iframe嵌入新的頁面. 

我個人認為:   
  <frame>用於全頁面   
  <iframe>只用於局部

  

 iframe和frame的對象:http://www.runoob.com/jsref/dom-obj-frame.html

frameset對象:http://www.runoob.com/jsref/dom-obj-frameset.html

原文連結:http://blog.csdn.net/lyr1985/article/details/6067026

【HTML】 frame和iframe的區別

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.