网页如何嵌套网页__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  前端人  阅读(1242)  评论(0)    收藏  举报
编辑推荐：
· C#.Net 筑基-优雅 LINQ 的查询艺术
· 一个自认为理想主义者的程序员，写了5年公众号、博客的初衷
· 大数据高并发核心场景实战，数据持久化之冷热分离
· 运维排查 | SaltStack 远程命令执行中文乱码问题
· Java线程池详解：高效并发编程的核心利器
阅读排行：
· C#.Net筑基-优雅LINQ的查询艺术
· Cursor生成UI，加一步封神
· 博客园众包平台：诚征3D影像景深延拓实时处理方案（预算8-15万）
· 为什么说方法的参数最好不要超过4个？
· 一个基于 .NET 8 开源免费、高性能、低占用的博客系统
点击右上角即可分享
微信分享提示
1Panel V2 正式发布