和<frame>区别</h1><div class="clear"></div><p class="post-meta"><span class="time"><i class="icon-time"></i>2022-09-06 21:17:44</span></p><div class="clear"></div></header><div class="entry" itemprop="articleBody"><p>1、frame不能脱离frameSet单独使用，iframe可以</p> <p>2、frame不能放在body中,否则不能正常显示</p> <p> <strong>frame不能和body同时使用 </strong></p> <pre class="prettyprint linenums"><!--<body>--> <br><frameset rows="50%,*"><br> <frame name="frame1" src="test1.htm"/><br> <frame name="frame2" src="test2.htm"/><br></frameset><br><!--</body>--> <br><strong>iframe可以和body同时使用</strong><br><body> <br><frameset><br> <iframe height="30%"name="frame1" src="test1.htm"/><br> <iframe height="100"name="frame2" src="test2.htm"/><br></frameset><br></body></pre> <p>3、嵌套在frameSet中的iframe必需放在body中,不嵌套在frameSet中的iframe可以随意使用</p> <p>4、frame的高度只能通过frameSet控制；iframe可以自己控制，不能通过frameSet控制</p> <pre class="prettyprint linenums"></pre> <p>区别：</p> <p>frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架，可以用它将一个HTML文档嵌入在另一个HTML中显示。</p> <p>最大区别是网页中嵌入<Iframe>包含的内容与整个页面是一个整体，而<Frame>包含的内容是独立的个体，是可以独立显示的。</p> <p>另外，Iframe还可以在页面中多次显示同一内容，而不必重复这段内容的代码。</p> <p>5、 iframe 可以放到表格里面。frame 则不行。</p> <p><table></p> <p><tr></p> <p><td><iframe id="" src=""></iframe></td><td></td></p> <p></tr></p> <p></table></p> <p>6、iframe是活动帧， 而frame是非活动帧</p> <p>iframe用起来更灵活，不需要frame那么多讲究，而且放的位置也可以自己设。</p> <p>iframe是内嵌的，比较灵活，不过也有不好的地方，就是位置在不同的浏览器和分辨率下有可能不同，有时会把本来好好的页面搞得变形。</p> <p>iframe是一个网页中的子框架,两网页间是父子关系，</p> <p>iframe是一个浮动的框架,就是在你的页面里再加上一个页面。</p> <p>frame用来把页面横着或竖着切开，<iframe>用来在页面中插入一个矩形的小窗口。</p> <p>frame是把网页分成多个页面的页面。它要有一个框架集页面frameset。</p></div><footer class="entry-meta"><div class="clear"><div class="page-nav"></div></div><div class="gpost-below mobile-no"></div></footer><div class="post-navigation">上一篇：<a href="/manong/778407.html">【原创 深度学习与TensorFlow 动手实践系列 - 2】第二课：传统神经网络</a><p><br>下一篇：<a href="/manong/778409.html">使用pm2 管理node服务后台运行</a></p></div></article></div><section id="related-posts" class="widget-box"><h3>相关文章</h3><div class="widget-content"><ul><li class="other-news"><span>09-06</span><a href="/manong/1433532.html" title="TensorFlow中random_normal和truncated_normal的区别"><i class="icon-angle-right"></i>TensorFlow中random_normal和truncated_normal的区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1432870.html" title="[转帖]SPU、SKU、ID，它们都是什么意思，三者又有什么区别和联系呢？"><i class="icon-angle-right"></i>[转帖]SPU、SKU、ID，它们都是什么意思，三者又有什么区别和联系呢？</a></li><li class="other-news"><span>09-06</span><a href="/manong/1432696.html" title="python2和python3的range（100）的区别"><i class="icon-angle-right"></i>python2和python3的range（100）的区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1430335.html" title="LCD液晶屏正显和负显的区别是什么呢？"><i class="icon-angle-right"></i>LCD液晶屏正显和负显的区别是什么呢？</a></li><li class="other-news"><span>09-06</span><a href="/manong/1429540.html" title="vivoX50Pro和vivoX50Pro+区别"><i class="icon-angle-right"></i>vivoX50Pro和vivoX50Pro+区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1429213.html" title="002-ES6Class和普通构造函数的区别"><i class="icon-angle-right"></i>002-ES6Class和普通构造函数的区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1428314.html" title="kmalloc/kfree,vmalloc/vfree函数用法和区别"><i class="icon-angle-right"></i>kmalloc/kfree,vmalloc/vfree函数用法和区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1427916.html" title="(十七)ORM Bee多表关联查询实例,及用List和不用List的区别"><i class="icon-angle-right"></i>(十七)ORM Bee多表关联查询实例,及用List和不用List的区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1427884.html" title="关于ganymed-ssh2版本262和build210的SCPClient类的区别"><i class="icon-angle-right"></i>关于ganymed-ssh2版本262和build210的SCPClient类的区别</a></li><li class="other-news"><span>09-06</span><a href="/manong/1427646.html" title=".bash_profile和.bashrc的什么区别"><i class="icon-angle-right"></i>.bash_profile和.bashrc的什么区别</a></li></ul><div class="clear"></div></div></section></div><aside class="span4 sidebar-right hide-sidebar"><div id="posts-list-widget-9" class="widget-box widget widget-posts"><div class="widget-title"><span class="icon"><i class="icon-list"></i></span><h3>编程语言最新文章</h3></div><div class="widget-content"><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/340488.html" title="开放下载！《深入浅出Kubernetes》">开放下载！《深入浅出Kubernetes》</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/109557.html" title="微服务（Microservice）那点事">微服务（Microservice）那点事</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/438981.html" title="Lombok介绍及使用方法 lombok简介">Lombok介绍及使用方法 lombok简介</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/109262.html" title="阿里云重磅发布云上自动化利器——运维编排OOS">阿里云重磅发布云上自动化利器——运维编排OOS</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/152209.html" title="独家下载 |《领军行业大数据及AI实战》解锁九大行业领军企业云上大数据及AI实战">独家下载 |《领军行业大数据及AI实战》解锁九大行业领军企业云上大数据及AI实战</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/209235.html" title="钉钉群直播【Koalas 介绍】">钉钉群直播【Koalas 介绍】</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/320298.html" title="独家下载！《Elasticsearch全观测技术解析与应用（构建日志、指标、APM统一观测平台）》">独家下载！《Elasticsearch全观测技术解析与应用（构建日志、指标、APM统一观测平台）》</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/131979.html" title="Linux怎么讲？你说了算!——Linux系列课程首发内测">Linux怎么讲？你说了算!——Linux系列课程首发内测</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/60574.html" title="学习云计算从入门到实践，一大波视频干货拿走不谢！（文末有彩蛋）">学习云计算从入门到实践，一大波视频干货拿走不谢！（文末有彩蛋）</a></div></li><li ><div class="widget-thumb"><i class="icon-angle-right"></i><a href="/manong/402333.html" title="聚能聊规则说明">聚能聊规则说明</a></div></li><div class="clear"></div></div></div></aside></div></div></div><footer id="footer" class="row-fluid" role="contentinfo" itemscope=""><div class="span12 footer-nav"><ul><li><a href="/zuixin/">更多编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><div class="span12 footer-info"><p>本站所有资源皆搜集自网络，相关版权归版权持有人所有，如有侵权，请电邮告之，本站会尽快删除。<span class="email-span"></span></p><p><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2022053706号</a></p></div></footer><div class="returnTop" title="" style="display: none;"><span class="s"></span><span class="b"></span>" </div><script type="text/javascript" src="/statics/553668/js/all.js"></script></body></html>