文献种类:专题技术文献;
                 <frameset>标签
开发工具与关键技术:VS/HTML
作者:吴泽锋
撰写时间:2019年6月28日
6、<frameset>标签:frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。使用者必须使用 cols 或 rows 属性。提示:不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。不过,如果需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中!可选择的属性:属性     值                   描述cols  pixels、%、*      定义框架集中列的数目和尺寸。rows  pixels、%、*      定义框架集中行的数目和尺寸。
作用和用法:<frameset> 标签有一个必需的属性:要么是 rows,要么是 cols,这取决于您的选择,它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目。这两个属性都接受用引号括起来并用逗号分开的值列表,这些数值指定了框架的绝对像素点)或相对(百分比或其余空间)宽度(对列而言),或者绝对或相对高度(对行而言)。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。与表格一样,浏览器在显示时会尽可能接近给定的框架集尺寸。但是,浏览器不会为了能够容纳下超出边沿的框架集而扩展文档窗口的边界,也不会在指定的框架没有填满整个窗口时用空白区域来填满窗口。相反,浏览器会根据一个框架在行和列中相对于其他框架的大小来分配空间,这样就能够填满整个文档窗口了。(注意到一个主框架文档中没有滚动条了吗?)
 例1:下面的代码将创建 3 行框架:<frameset rows="150,300,150"></frameset>其中的每行都贯穿整个文档窗口。第一和最后一给框架被设置为150像素高,第二行设置为300像素高。实际上,除非浏览器窗口正好是500像素高,否则就浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据 1/4 的窗口空间。中间行将会占据剩下 1/2 的窗口空间。
 例2:用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。下面这个示例与刚才那个示例的效果相同:<frameset rows="25%,50%,25%"></frameset>当然,如果这些百分比加起来不是 100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。
 例3:如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在 <frameset> 的 rows 和 cols 值上 加上 星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。例如,当浏览器遇到下列框架标签时:<frameset cols="100, *"><frame src="/come/Index_1"><frame src="/come/Index_2"></frameset>

 先:生成index_1页面 初始化时宽度为100像素 的列,后:生成index_2页面 的列,则该列 会占据框架集中 其余所有的空间;
 例4:还可以对多个列或行属性值使用星号。在这样的情况下,相应的行或列将对可用空间进行等分:列框架==垂直框架:<frameset cols="100, *,*"><frame src="/come/Index_1"><frame src="/come/Index_2"><frame src="/come/Index_3"></frameset>

index_2 和 index_3 初始化时均分除 index_1的100宽度外的空间;

     行框架==水平框架:<frameset rows="*,100, *"><frame src="/come/Index_1"><frame src="/come/Index_2"><frame src="/come/Index_3"></frameset>在框架集的中间生成一个 100 像素高的行,并在这行的上边和下边各生成一个相同尺寸的行。
 例5:如果在星号前放置一个整数值,相应的行或列就会相对地获得更多的可用空间。<frameset cols="10%, 3*, *, *"><frame src="/come/Index_1"><frame src="/come/Index_2"><frame src="/come/Index_3"><frame src="/come/Index_3"></frameset>它生成了 4 列:第一列占据整个框架集宽度的 10%。然后浏览器把其他空间的 3/5 分配给第二个框架,第三个和第四个框架各分配其余空间的 1/5。即:index_1=10%,index_2=3个index_3 or index_2=3个index_4,index_3=index_4=1/3的index2从上面的例子可以发现,使用星号(尤其是用数值作为前缀),可以很容易地在一个框架集中分割剩下的空间。提示:需要注意的是,浏览器允许用户手动地为单个框架文档的行或列重新确定大···小,并因此改变每个框架在框架显示中各自占据的相对比例,除非你显式地告诉浏览器不要这样做。为了防止这种情况,可以在 <frame> 标签中使用 noresize 属性。

                         借鉴于W3C

frameset标签相关推荐

  1. frameset标签设计页面

    重要事项:不能将 <frameset></frameset> 标签放在<body></body> 标签里.且 HTML5 已经不支持 frameset ...

  2. html5实现frame效果,html5 frameset标签的替代方案是什么

    摘要 腾兴网为您分享:html5 frameset标签的替代方案是什么,优酷,校讯通,小米手环,我的世界等软件知识,以及亚马逊手机端,帮5淘,安全一点通,安信证券软件,微信骰子表情包gif,兄弟706 ...

  3. html frameset 属性,html frameset标签怎么用?html frameset标签属性详解

    html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例) ...

  4. html5 frameset替,html5frameset标签的替代方案是什么?frameset标签替代的解决办法

    本篇文章主要的介绍了关于html5 frameset标签的替代方案实例解析,还有关于html5 frameset标签的两个解决办法,现在让我们一起来看这篇文章吧 首先我们先看看html5 frames ...

  5. HTML之frameset标签

    frameset是html的框架标签,主要是对于浏览器界面的分割,使得一个较为复杂的界面划分为多个简单的界面,与frame标签一起使用. 每一个frameset标签相当于一个复杂的界面,包含多个fra ...

  6. HTML frameset 标签

    简单的三框架页面: <html><frameset cols="25%,50%,25%"><frame src="frame_a.htm&q ...

  7. html 中的frameset标签

    frameset便是网页画面分成几个框窗,同时取得多个 URL.只需要 <frameset> <frame> 即可,所有框架标记需要放在一个总起的 html ,所以不必放入 & ...

  8. html frame 菜单切换,html中frameset标签,框架结构各窗口的父级菜单子级菜单关系...

    这个问题搞得我头大,并且在查过百度后各位大佬给出的解释我都不能理解,应该是我太白的原因,希望我写的能好理解. 下面文章窗口1.2.3,在代码里分别为chuangkou.chuangkou1.chuan ...

  9. html中的div span和frameset框架标签

    Div和span 1.      div独占一层,由div九不允许有别的. 2.      span标签不是独自占用一行,span一般用来设置字体. 框架标签: 什么是框架标签,就是把一个页面分成很多 ...

最新文章

  1. 解决MYSQL错误:ERROR 1040 (08004): Too many connections
  2. svn还原文件中去掉已经删除的文件
  3. sql常用crud命令
  4. JS运行机制(浏览器内核)
  5. ASP.NET Core MVC with EF Core-迁移
  6. iam身份验证以及访问控制_如何将受限访问IAM用户添加到EKS群集
  7. word 2013 标题设置多级列表
  8. Django--4、认证系统
  9. Linux 命令学习(1): head和tail
  10. 如何用hover实现下拉菜单
  11. LINQ体验(14)——LINQ to SQL语句之存储过程 夺表
  12. Android开发--内容提供者(Content provider)
  13. Java程序员3个月从月薪6k涨到15k,你知道我是怎么过来的吗?
  14. 【预测模型】基于粒子群算法优化最小二乘支持向量机lssvm实现预测matlab源码
  15. Windows用户账户控制详解
  16. 微信公众号工作中如何产生新媒体思维
  17. python 图像分割_Python中的图像分割(第2部分)
  18. 求1-1/2+1/3-1/4+.......+1/99-1/100的值
  19. Cg学习记录003 之Varying参数
  20. 2020年数据智能领域的“三宗最”,吴晓波罗胖都没提!

热门文章

  1. 计蒜客第六场 微软大楼设计方案(困难)
  2. SAS学习之变量的输出格式
  3. 【Python从零到壹】运算符的基本使用
  4. 自建QQ/微信防红接口
  5. Linux操作系统常用命令整理
  6. 笔记本电脑没有鼠标怎么右键_没有键盘怎么办Windows10屏幕键盘让你实现用鼠标打字...
  7. python程序移植到linux_如何将Python自编软件装到Linux系统
  8. 头歌Educoder——Java高级特性 - 多线程练习题
  9. iOS 短视频源码开发MPMoviePlayerController
  10. 将1自动补位为01_中文名扣一下?东芝将在10月1日更名为“Kioxia”