欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于HTML框架(frameset)的一些基本用法

程序员文章站 2022-07-05 17:20:08
frameset 定义 W3C是这样定义frameset框架的,通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。注意,这是HTML框架,不是前端框架,与node.js,vue.js等不同。 垂直切割 属性为cols。例如:

frameset

定义

w3c是这样定义frameset框架的,通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份html文档称为一个框架,并且每个框架都独立于其他的框架。注意,这是html框架,不是前端框架,与node.js,vue.js等不同。

垂直切割

属性为cols。例如:

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

  <frame src="http://www.baidu.com">

  <frame src="http://www.google.cn">

</frameset>

属性值的个数就代表视窗的个数,像这里是两个数,那么就有两个视窗,如果有三个,那么就有三个视窗。

值得注意的是,百分比数加起来不一定要为100%,假如都是60%,那么这两个视窗占的比例相同,当然也可以都为40%,一个40%,一个50%,这样他们的比例就为4:5。

属性可以为百分比或者整数,也可以为*,*代表剩余空间。例如:

<frameset cols="80,*">

  <frame src="http://www.baidu.com">

  <frame src="http://www.google.cn">

</frameset>

水平切割

属性为rows。设置同垂直切割相同。

固定框架尺寸

当设置noresize属性之后,框架将不能调整尺寸。语法为:noresize="noresize",也可以直接写成noresize。

其他常用属性

  • border:设置框架的边框粗细
  • bordercolor:设置框架的边框颜色
  • frameborder:设置是否显示框架边框,属性值只有0和1。0为不显示边框,1为显示边框。
  • framespacing:设置框架与框架间保留的空白距离。
  • bordercolor:设置框架的颜色。可以在frameset标签中设置,表示所有视窗边框的颜色,也可以在frame中设置,单独为视窗设置边框颜色。

注意事项

  1. 不能将body标签和frameset标签同时使用,否则frameset标签会失效。
  2. noframes标签用于当浏览器不支持框架时使用,一般都会添加。语法为:
          <noframes>
                <body>您的浏览器无法处理框架</body>
          </noframes>