在HTML中iframe與frame有哪一些區(qū)別
發(fā)表時(shí)間:2023-09-22 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這次給大家?guī)碓贖TML中iframe與frame有哪些區(qū)別,在HTML中使用iframe與frame的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。不知道你在項(xiàng)目中用過frameset屬性沒有,frameset這個(gè)屬性是在去年我在一個(gè)在線客服系統(tǒng)制作中用過,因?yàn)榭头到y(tǒng)要有固定的布局,上面一塊...
這次給大家?guī)碓贖TML中iframe與frame有哪些區(qū)別,在HTML中使用iframe與frame的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。
不知道你在項(xiàng)目中用過frameset屬性沒有,frameset這個(gè)屬性是在去年我在一個(gè)在線客服系統(tǒng)制作中用過,因?yàn)榭头到y(tǒng)要有固定的布局,上面一塊,下面一塊等等,當(dāng)時(shí)就是用的frameset和frame。在我用完了這些屬性之后,我才明白了iframe和frame的區(qū)別。因?yàn)樵谶@之前,我項(xiàng)目中一般不用框架,用的話也就是用到iframe。
下面說說其具體區(qū)別吧!總結(jié)了如下幾點(diǎn)。
1、frame不能脫離frameSet單獨(dú)使用,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是一個(gè)html標(biāo)簽,在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等標(biāo)簽中使用。
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、如果在同一個(gè)頁(yè)面使用了兩個(gè)以上的iframe,在IE中可以正常顯示,在firefox中只能顯示出第一個(gè);使用兩個(gè)以上的frame在IE和firefox中均可正常
相信看了這些案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
相關(guān)閱讀:
h5和c3怎樣做出太陽(yáng)系行星運(yùn)轉(zhuǎn)的動(dòng)畫效果
HTML基礎(chǔ)知識(shí),關(guān)于超鏈接設(shè)置的樣式的詳細(xì)介紹
HTML段落的知識(shí)總結(jié)
以上就是在HTML中iframe與frame有哪些區(qū)別的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。