网页如何嵌套网页__HTML框架

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

方式1:iframe

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

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

代码示例:

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

方式2:frame

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

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

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

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

示例代码:

<html>

<frameset cols="25%,50%,25%">

<frame src="frame_a.htm" />

<frame src="frame_b.htm" />

<frame src="frame_c.htm" />

</frameset>

</html>

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

posted @ 2021-07-02 14:10  前端人  阅读(1198)  评论(0编辑  收藏  举报