您现在的位置是:首页 > Javascript
当前栏目
网页如何嵌套网页__HTML框架
2023-03-20 14:41:15 时间
通过使用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框架应用比较少,这节内容作为了解。
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件