《一》、功能：使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个 Frame 里设定一个网页，每个 Frame 里的网页相互独立。
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份 HTML 文档称为 一个框架，并且每个框架都独立于其他的框架。
使用框架的坏处：1.开发人员必须同时跟踪更多的 HTML 文档
2.很难打印整张页面
《二》、框架结构标签（
· · · ·
框架结构标签（
rows/columns 的值规定了每行或每列占据屏幕的面积
属性和 rows 属性。使用cols属性，表示按列分布 Frame；使用 rows 属性，表示按行分布 Frame。
编者注：frameset 标签也被某些文章和书籍译为框架集。
2.框架标签（Frame）
Frame 标签定义了放置在每个框架中的 HTML 文档。
用这个 Tag 设定网页。里有 src 属性，src 值就是网页 的路径和文件名。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据 浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文 档 \"frame_a.htm\" 被置于第一个列中，而 HTML 文档 \"frame_b.htm\" 被置于第二个列中：
基本的注意事项 有用的提示：
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可 以在 标签中加入：noresize=\"noresize\"。 为不支持框架的浏览器添加 标签。<p>重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使 用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。） Frameset <p><frameset></frameset>决定如何划分 Frame。<frameset>有 cols属性和rows 属 性。使用 cols 属性，表示按列分布 Frame；使用rows 属性，表示按行分布 Frame。 Frame <p>用<frame>这个 Tag 设定网页。<frame> 里有 src属性，src 值就是网页的路径和文件名。 下面的代码的目的是：将 Frameset 分成 2 列，第一列 25%，表示第一列的宽度是窗口宽 度的 25%；第二列75%，表示第一列的宽度是窗口宽度的 75%。第一列中显示 a.html， 第二列中显示 b.html。 <p><frameset cols=\"25%,75%\"> <p><frame src=\"../asdocs/html_tutorials/Frame_a.html\"> <frame src=\"../asdocs/html_tutorials/Frame_b.html\"> </frameset> Iframe <p>Iframe是Inline Frame的意思， 用<iframe></iframe>可以将Frame置于一个HTML 文件内。<p>示例：1.列分 解释：这个例子显示如何在浏览器里同时显示三个网页，三个网页是按列<p>分布的。 <p><html> <p><frameset cols=\"25%,50%,25%\"> <p><frame src=\"../asdocs/html_tutorials/Frame_a.html\"> <frame src=\"../asdocs/html_tutorials/Frame_b.html\"> <frame src=\"../asdocs/html_tutorials/Frame_c.html\"> </frameset> </html> <p>2.行分 解释：这个例子显示如何在浏览器里同时显示三个网页，三个网页是按行<p>分布的。 <p><html> <p><frameset rows=\"25%,50%,25%\"> <p><frame src=\"../asdocs/html_tutorials/Frame_a.html\"> <frame src=\"../asdocs/html_tutorials/Frame_b.html\"> <frame src=\"../asdocs/html_tutorials/Frame_c.html\"> </frameset> </html> <p>3.混合分 解释：这个例子既用到了 cols 属性，又用到了 rows 属性，将 Frame <p>进行灵活分布。 <p><html> <p><frameset rows=\"50%,50%\"> <p><frame src=\"../asdocs/html_tutorials/Frame_a.html\"><p><frameset cols=\"25%,75%\"> <p><frame src=\"../asdocs/html_tutorials/Frame_b.html\"> <frame src=\"../asdocs/html_tutorials/Frame_c.html\"> </frameset> </frameset> </html> <p>4.Frameset 中的 noresize 属性 解释：使用 Noresize 属性可以确保 Frame 的大小。如果不使用 noresize 属性，你可以用鼠标移动 Frame 的边界，来改变 <p>Frame 的大小，如果设置了 noresize 属性，就不能移动边界了。 <p><html> <p><frameset rows=\"50%,50%\"> <p><frame noresize=\"noresize\" src=\"../asdocs/html_tutorials/Frame_a.html\"> <frameset cols=\"25%,75%\"> <p><frame noresize=\"noresize\" src=\"../asdocs/html_tutorials/Frame_b.html\"> <frame noresize=\"noresize\" src=\"../asdocs/html_tutorials/Frame_c.html\"> </frameset> </frameset> </html> <p>5. Frame 用于导航 解释：这个例子演示如何建立一个用于导航的 Frame。这个<p>导航 Frame 包含一个 HTML，这个 HTML（代码如下）包含 了一个网页列表。点击网页列表中的任何一项，就会在第二个 Frame 中显示点击中的网页。 <html> <p><frameset cols=\"120,*\"> <p><frame src=\"/example/html/html_contents.html\"> <frame src=\"/example/html/frame_a.html\" name=\"showframe\"> </frameset> </html> <p>6. Iframe 的使用 解释： 这个例子显示如何在一个HTML 文件里用 iframe 嵌入一<p>个网页。 <p><html> <body> <p>用 IFRAME 可以在 HTML文件里显示另一个网页。</p> <p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫 Frame_a.html 的网页。 <p></p> <p><iframe src=\"../asdocs/html_tutorials/Frame_a.html\"></iframe> </body> </html><p> <div class="preview-ft"> <div class="preview-title"> <p style="color: red;"><strong>因篇幅问题不能全部显示，请点此查看更多更全内容</strong></p> <div class="model-fold-cover-bd"><a href="https://m.tang5.com/mlokis/nreegsekuae/" target="_blank"><span>查看全文</span><i class="iconfont icon-chakangengduo"></i></a></div> </div> </div> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/detail_left.js"></script> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/detail_gg2.js"></script> </div> <div class="ttys_prev"> </div> </div> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/detail_foot.js"></script> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_xgyd.js"></script> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_rmtj.js"></script> <footer class="footer"> Copyright © 2019-<span class="currentYear"></span> 版权所有<br> </footer> <script> var swiper = new Swiper('.i_banner .swiper-container', { pagination: '.i_banner .swiper-pagination', paginationClickable: true, spaceBetween: 30, centeredSlides: true, autoplay: 2500, autoplayDisableOnInteraction: false, loop: true, }); </script> <!--弹窗开始--> <script type="text/javascript"> $(function () { //弹窗2 $('.menu_icon').click(function () { $('.tbox').show(); }) //关闭 $('.close').click(function () { $('.tbox').hide(); }) }) </script> <!--弹窗结束--> <script type="text/javascript" src="https://jss.dcrkj.com/mobile/foot_foot.js"></script> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot.js"></script> </body> </html>