前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网页如何嵌套网页__HTML框架

网页如何嵌套网页__HTML框架

作者头像
呆呆
修改2021-11-25 10:42:32
9.3K0
修改2021-11-25 10:42:32
举报
文章被收录于专栏:centosDai

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

方式1:iframe

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

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

代码示例:

代码语言:javascript
复制
<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设置了引入窗口文档的地址。

示例代码:

复制代码
复制代码
代码语言:javascript
复制
<html>

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

<frame src="frame_a.htm" />

<frame src="frame_b.htm" />

<frame src="frame_c.htm" />

</frameset>

</html>
复制代码
复制代码

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

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 方式1:iframe
  • 方式2:frame
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档