网页如何嵌套网页__HTML框架

随遇而安
2023-11-22 / 0 评论 / 74 阅读 / 搜一下 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年01月30日,已超过298天没有更新,若内容或图片失效,请留言反馈。

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

方式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>
1

评论 (0)

打卡
取消