通过使用html框架，可以在一个浏览器窗口中展示多个页面。也就是一个html文件中可以引入多个html文件。在网页中框架使用比较少，但我们还是需要了解下。

使用iframe标签来实现。具体的属性及意义：

  • src 指向不同的网页，也就是html文件路径。
  • width height 用来设置iframe引入网页的宽高大小。
  • frameborder 定义iframe表示是否显示边框。1表示有，0表示没有。

代码示例：

  1. <div>
  2.     <iframesrc="demo_iframe.htm" width="500" height="500" frameborder="0">
  3.     </iframe>
  4. </div>

<frame>标签定义一个frameset中一个特定的窗口（框架）。特别注意不能与body同时使用，否则不起作用。

frameset标签具体的属性及意义：

  • cols 设置框架中列的数目和尺寸，使用逗号分开。
  • rows 定义框架中行的数目和尺寸，使用逗号分开。
  • frameborder 框架是否设置边框，1表示有，0表示没有
  • scrolling 框架内是否允许滚动条。
  • noresize 规定无法调整窗口大小。

frame 的src设置了引入窗口文档的地址。

示例代码：

  1. <html>
  2.  
  3. <frameset cols="25%,50%,25%">
  4.  
  5. <frame src="frame_a.htm" />
  6.  
  7. <frame src="frame_b.htm" />
  8.  
  9. <frame src="frame_c.htm" />
  10.  
  11. </frameset>
  12.  
  13. </html>

由于单页面应用广泛，多页面基本都用在网站搭建中，所以html框架应用比较少，这节内容作为了解。

版权声明：本文为web-learn原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/web-learn/p/14963061.html