雷火电竞-中国电竞赛事及体育赛事平台

歡迎來(lái)到入門(mén)教程網(wǎng)！

CSS/HTML

當(dāng)前位置：主頁(yè) > 網(wǎng)頁(yè)制作 > CSS/HTML >

舉例講解HTML中iframe和frame的區(qū)別

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：CSS/HTML|點(diǎn)擊： 次

不知道你在項(xiàng)目中用過(guò)frameset屬性沒(méi)有，frameset這個(gè)屬性是在去年我在一個(gè)在線客服系統(tǒng)制作中用過(guò)，因?yàn)榭头到y(tǒng)要有固定的布局，上面一塊，下面一塊等等，當(dāng)時(shí)就是用的frameset和frame。在我用完了這些屬性之后，我才明白了iframe和frame的區(qū)別。因?yàn)樵谶@之前，我項(xiàng)目中一般不用框架，用的話也就是用到iframe。

下面說(shuō)說(shuō)其具體區(qū)別吧！總結(jié)了如下幾點(diǎn)。

1、frame不能脫離frameSet單獨(dú)使用，iframe可以；

2、frame不能放在body中；

如下可以正常顯示：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!--<body>-->    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <!--<body>-->   

如下不能正常顯示：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <body>    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <body>   

相反，假如iframe放在frameSet屬性下面，則必需放在body中

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <body>    
  2.   <frameset>     
  3.     <iframe   name="frame1"   src="test1.htm"/>     
  4.     <iframe   name="frame2"   src="test2.htm"/>     
  5.   </frameset>     
  6. </body>   

3、iframe是一個(gè)html標(biāo)簽，在html中任何地方，都可以隨意使用，而frame不可以。

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <body>    
  2.    <iframe   name="frame1"   src="test1.htm"/>     
  3.    <iframe   name="frame2"   src="test2.htm"/>     
  4. </body>  
  5.   
  6. <table>    
  7. <tr>    
  8. <td><iframe id="" src=""></iframe></td><td></td>    
  9. </tr>    
  10. </table>   

而frame必須嵌套在frameSet中，且不能再table等標(biāo)簽中使用。

4、frame的高度只能通過(guò)frameSet控制；iframe可以自己控制，不能通過(guò)frameSet控制

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!--<body>-->    
  2. <frameset rows="50%,*">    
  3.    <frame   name="frame1"   src="test1.htm"/>     
  4.    <frame   name="frame2"   src="test2.htm"/>     
  5. </frameset>    
  6. <!--</body>-->    
  7.   
  8. <body>    
  9. <frameset>    
  10.    <iframe height="30%"  name="frame1"   src="test1.htm"/>     
  11.    <iframe height="100"  name="frame2"   src="test2.htm"/>     
  12. </frameset>    
  13. </body>   

5、如果在同一個(gè)頁(yè)面使用了兩個(gè)以上的iframe，在IE中可以正常顯示，在firefox中只能顯示出第一個(gè)；使用兩個(gè)以上的frame在IE和firefox中均可正常

上一篇：不可不知的HTML優(yōu)化技巧

欄    目：CSS/HTML

下一篇：HTML代碼書(shū)寫(xiě)規(guī)范指南

本文標(biāo)題：舉例講解HTML中iframe和frame的區(qū)別

本文地址：http://www.jygsgssxh.com/a1/CSS_HTML/9660.html

網(wǎng)頁(yè)制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語(yǔ)言數(shù)據(jù)庫(kù)服務(wù)器

如果侵犯了您的權(quán)利，請(qǐng)與我們聯(lián)系，我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果，本站均不負(fù)任何責(zé)任。

聯(lián)系QQ：835971066 | 郵箱：835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有