为了账号安全,请及时绑定邮箱和手机立即绑定

关于<iframe>与<frame>区别

标签:
Html/CSS

<iframe>与<frame>区别如下:

之前只知道iframe,而frame基本没概念,根本不知道有这个标签,一次偶然的机会,知道了frame,不熟悉的,很容易把它们弄混淆,现总结如下:

1、frame不能脱离frameSet单独使用,iframe可以

2、frame不能放在body中,否则不能正常显示

  frame不能和body同时使用 

<!--<body>--> 
<frameset rows="50%,*">
 	<frame	name="frame1"	class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="test1.htm"/>
	<frame	name="frame2"	class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="test2.htm"/>
</frameset>
<!--</body>--> 

<body> 
<frameset>
 	<iframe height="30%"name="frame1"	class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="test1.htm"/>
	<iframe height="100"name="frame2"	class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="test2.htm"/>
</frameset>
</body>

3、嵌套在frameSet中的iframe必需放在body中,不嵌套在frameSet中的iframe可以随意使用

4、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制


区别:

   frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架,可以用它将一个HTML文档嵌入在另一个HTML中显示。

最大区别是网页中嵌入<Iframe>包含的内容与整个页面是一个整体,而<Frame>包含的内容是独立的个体,是可以独立显示的。

另外,Iframe还可以在页面中多次显示同一内容,而不必重复这段内容的代码。

5、 iframe 可以放到表格里面。frame 则不行。

    <table> 

       <tr> 

        <td><iframe id="" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original=""></iframe></td><td></td> 

       </tr> 

    </table> 

6、iframe是活动帧,  而frame是非活动帧   

   iframe用起来更灵活,不需要frame那么多讲究,而且放的位置也可以自己设。

   iframe是内嵌的,比较灵活,不过也有不好的地方,就是位置在不同的浏览器和分辨率下有可能不同,有时会把本来好好的页面搞得变形。

   iframe是一个网页中的子框架,两网页间是父子关系,

   iframe是一个浮动的框架,就是在你的页面里再加上一个页面。

   frame用来把页面横着或竖着切开,<iframe>用来在页面中插入一个矩形的小窗口。

   frame是把网页分成多个页面的页面。它要有一个框架集页面frameset

本文转自:https://www.cnblogs.com/ahudyan-forever/p/5706873.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
44

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消