第九章多视窗口框架_HTML教程_H5之家 - 中国HTML5教程资源分享第一站

9-1 框架的含义和基本构成

框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的 URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果，也可以非常方便的完成导航工作。

而所有的框架标记　要放在一个 html 文档中。html页面的文档体标签<body>被框架集标签<frameset>所取代，然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。

语法格式：

Frame子框架的src属性的每个URL值指定了一个html文件（这个文件必须事先做好）地址，地址路径可使用绝对路径或相对路径，这个文件将载入相应的窗口中。

框架结构可以根据框架集标签<frameset>的分割属性分为3种：

9-2 框架集<frameset>控制

<frameset>的属性

属性描述

border 设置边框粗细,默认是5象素.

bordercolor 设置边框颜色

frameborder 指定是否显示边框："0"代表不显示边框，"1"代表显示边框

cols 用"象素数" 和 "%"分割左右窗口,"*"表示剩余部分

rows 用"象素数" 和 "%"分割上下窗口,"*"表示剩余部分

framespacing="5" 表示框架与框架间的保留空白的距离

noresize

设定框架不能够调节，只要设定了前面的，后面的将继承

左右分割窗口属性：cols

如果想要在水平方向将浏览器分割多个窗口，这需要使用到框架集的左右分割窗口属性cols.分割几个窗口其cols的值就有几个，值的定义为宽度，可以是数字(单位为像素)，也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用"*"号表示，剩余值表示所有窗口设定之后的剩余部分，当"*"只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当"*"出现一次以上时，表示按比例分割剩余的窗口空间。cols的默认值为一个窗口

如： <frameset cols="40%,2*,*"> 将窗口分为40%，40%，20%
<frameset cols="100,200,*">
　　　<frameset cols="100,*,*"> 　　将100像素以外的窗口平均分配
　　　<frameset cols="*,*,*"> 　　　将窗口分为三等份

2. 上下分割窗口属性：rows

上下分割窗口的属性设置和左右窗口的属性设定是一样的，参照上面所述就可以了。

9-3 子窗口<frame>标签的设定

<frame>是个单标签,<frame>标签要放在框架集frameset中,<frameset>设置了几个子窗口就必须对应几个<frame>标签，而且每一个<frame>标签内还必须设定一个网页文件（src="*.html",其常用属性有:

<frame>常用属性

属性描述

src 指示加载的url文件的地址

bordercolor 设置边框颜色

frameborder 指示是否要边框,1显示边框，0不显示（不提倡用 yes 或 no）

border 设置边框粗细

name 指示框架名称,是连结标记的 target所要的参数

noresize 指示不能调整窗口的大小,省略此项时就可调整,

scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No无

marginwidth 设置内容与窗口左右边缘的距离，默认为1

marginheight 设置内容与窗口上下边缘的边距，默认为1

width 框窗的宽及高默认为width="100" height="100"

align 可选值为 left, right, top, middle, bottom

子窗口的排列遵循从左到右，从上到下的次序规则。

一、窗口的左右设定：

实例一 sl9-1.html

首先我们新建一个文件夹，然后做四个要放到子窗口中的页面，sl1.html、sl2.html、sl3.html、sl4.html。

二、窗口的上下设定

实例二 sl9-2.html

三、窗口的嵌套设定

实例三 sl9-3.html

第九章 多视窗口框架_HTML教程

第九章多视窗口框架_HTML教程