框架简介

HTML框架用于在一个窗口中显示多个页面,包括frame(框架)与iframe(内联框架)。窗口中每个HTML页面称为一个框架,且每个框架相互独立,互不影响。

框架使用

<frame>

<frame>标签通过src元素的属性值定义框架中放置的HTML页面,可为相对地址或URL。

hint:<frame>不能与<body>同时出现。

<iframe>

<iframe>内联框架,用法基本与<frame>相似,区别在于,<iframe>可作为嵌套与<body>中的标签使用。可通过CSS修改height、width等参数值。

例:

  <body bgcolor="red"><h1>I am the left one</h1>        <iframe src="https://www.baidu.com/"></iframe></body>

<frameset>

<frameset>为框架结构标签,定义如何定位框架。frame_set顾名思义为框架的集合(包括内联框架),存放框架集。

可通过修改frameset中colsrows元素的属性值,设置框架的垂直或水平布局,以及每个框架所占用的比例大小。

noresize一般情况下,用户可通过移动框架边框拉伸框架大小。为避免这种情况,可设置frame中noresize的属性固定框架大小。

<frameset cols="35%,65%"><frame name="index" src="left.html" noresize="noresize"></frame><frame name="content" src="right.html"></frame>
</frameset>

例,可拉伸的垂直分布的两个框架,左右各占页面35%、65%。(将65%替换为*,将得到同样效果)

<!DOCTYPE html>
<html><head><title>the left one</title></head><frameset cols="35%,65%"><frame name="index" src="left.html"></frame><frame name="content" src="right.html"></frame></frameset></html>

框架优缺点

优点:
  • 可以利用框架制作导航栏
  • 重载时只需重载页面中某框架,不需要对整个页面进行重载,减少了数据的传输,提高了网页的下载速度
  • 把页面的JS独立隔离或者使用框架做一些跨域的Ajax请求
缺点
  • 开发人员必须同时跟踪更多的HTML文档
  • 页面难以打印
  • 多框架页面会增加服务器的http请求
  • 多数小型移动设备无法完全显示多框架页面
事实上现在很多标准网页都不采用frame,除去以上几点原因外,当前frame的优点基本上都可使用Ajax实现。

HTML 框架[frameiframe]相关推荐

  1. ssh(Struts+spring+Hibernate)三大框架整合-简述

    ssh(Struts+spring+Hibernate)三大框架配合使用来开发项目,是目前javaee最流行的开发方式,必须掌握: 注意: 为了稳健起见,每加入一个框架,我们就需要测试一下,必须通过才 ...

  2. Gin 框架学习笔记(03)— 输出响应与渲染

    在 Gin 框架中,对 HTTP 请求可以很方便有多种不同形式的响应.比如响应为 JSON . XML 或者是 HTML 等. ​ Context 的以下方法在 Gin 框架中把内容序列化为不同类型写 ...

  3. Gin 框架学习笔记(02)— 参数自动绑定到结构体

    参数绑定模型可以将请求体自动绑定到结构体中,目前支持绑定的请求类型有 JSON .XML .YAML 和标准表单 form数据 foo=bar&boo=baz 等.换句话说,只要定义好结构体, ...

  4. QT学习之状态机框架

    状态机框架 创建状态机

  5. 【Spring】框架简介

    [Spring]框架简介 Spring是什么 Spring是分层的Java SE/EE应用full-stack轻量级开源框架,以IOC(Inverse Of Control:反转控制)和AOP(Asp ...

  6. 开源自动化机器学习框架

    20211101 在 Airbnb 使用机器学习预测房源的价格 https://blog.csdn.net/weixin_33735077/article/details/87976278?spm=1 ...

  7. Keras框架下的保存模型和加载模型

    在Keras框架下训练深度学习模型时,一般思路是在训练环境下训练出模型,然后拿训练好的模型(即保存模型相应信息的文件)到生产环境下去部署.在训练过程中我们可能会遇到以下情况: 需要运行很长时间的程序在 ...

  8. Adam那么棒,为什么还对SGD念念不忘 (1) —— 一个框架看懂优化算法

    机器学习界有一群炼丹师,他们每天的日常是: 拿来药材(数据),架起八卦炉(模型),点着六味真火(优化算法),就摇着蒲扇等着丹药出炉了. 不过,当过厨子的都知道,同样的食材,同样的菜谱,但火候不一样了, ...

  9. 一个框架看懂优化算法之异同 SGD/AdaGrad/Adam

    Adam那么棒,为什么还对SGD念念不忘 (1) -- 一个框架看懂优化算法 机器学习界有一群炼丹师,他们每天的日常是: 拿来药材(数据),架起八卦炉(模型),点着六味真火(优化算法),就摇着蒲扇等着 ...

最新文章

  1. im和音视频开发哪个更好_找时间成为更好的开发人员
  2. 《黑客与画家》读后感
  3. 优胜教育暴雷之后,线下一对一还是门好生意吗?
  4. 大地SEO教程学习笔记之八:
  5. php 5.5.38 ldap安装,centos5.5系统下面,lnmp环境下面php加载ldap扩展
  6. 【C语言】输入一个三位数,逆序输出
  7. 终章 - 软件工程实践总结作业
  8. fastdfs的tracker启动之后一直选举_Elasticsearch选举流程详解
  9. windows下安装rabbitmq以及php扩展amqp
  10. 飞思卡尔单片机 时钟初始化及配置
  11. 中国移动彩信业务资料集合
  12. 汉字GB2312编码字符集
  13. 圆锥体积等于1/3圆柱体积咋来的
  14. 不支持android浏览器下载工具,android 默认浏览器 无法下载,此手机不支持此内容(自定义文件or APK文件看过了)...
  15. Delphi为什么都不用了?公司CTO不向老板推荐使用Delphi的13 个真实原因
  16. Linux使用技巧5--格式化U盘
  17. 云-移动手机端项目总结
  18. 自动驾驶3D目标检测研究综述
  19. android nohttp百度百科,百度百科宣布取消扩展阅读并给外链添加nofollow标签
  20. python指纹识别_python安全编程之指纹识别

热门文章

  1. 生产线平衡常见的几个概念及线平衡改善
  2. Android数字钱包安全分析,谁动了安卓用户的数字钱包!
  3. mysql ident current_sql server 2000 @@IDENTITY和SCOPE_IDENTITY和IDENT_CURRENT的区别
  4. Fortify Path Manipulation
  5. dubbo学习篇之dubbo内核解析(三)Wrapper
  6. 机器人公敌过获奖没有_《机械公敌》观后感(学生作业)
  7. 《小学生都能看懂的群论从入门到升天教程》 《群论全家桶》
  8. 俄罗斯国家黑客组织 Gamaredon的成员身份和录音曝光(附视频)
  9. 河南省网络安全高校战队联盟CTF训练营- misc04-压缩包分析
  10. GRPC在k8s中的服务发现和负载均衡_traefik-ingress