frameset标签设计页面-创新互联

重要事项：不能将 标签放在 标签里。且 HTML5 已经不支持 frameset 标签的使用！！！

1、frameset 元素可定义一个框架集，它被用来组织多个窗口（框架）。每个框架存有独立的文档。配合框架的使用，我们可以对页面进行分割，局部刷新。合理的使用会给用户带来非常好的体验效果。

2、frameset 的几个属性：

①、cols:定义框架集中列的数目和尺寸。垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。

②、rows:定义框架集中行的数目和尺寸。这是横向切割，将画面上下分开，数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 标记中，因 Netacape 偶然不能显示这类型的框架，尽量采用多重分割。

③、frameborder：设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。

④、border：设定框架的边框厚度。

⑤、bordercolor：设定框架的边框颜色。

⑥、framespacing：表示框架与框架间保留的空白的距离。

3、frame 标签的属性：

①、name：设定框架名称。此为必须设置的属性。

②、src：设定此框架要显示的网页名称或路径。此为必须设置的属性。

③、scrolling：设定是否要显示滚动条。设定值为auto, yes, no。

④、bordercolor：设定框架的边框颜色。

⑤、frameborder：设定是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。

⑥、noresize：设定框架大小是否能手动调节。

⑦、marginwidth：设定框架边界和其中内容之间的宽度。

⑧、marginhight：设定框架边界和其中内容之间的高度。

⑨、width：设定框架宽度。

⑩、height：设定框架高度。

4、frameset使用实例：

如果要实现下面的效果

 页面分为三部分，顶部，左边和右边。其中点击左边的超链接，右边的框架页面会相应变化。

整体页面：main.html

1 2         3         4             5             6         7 

top.html,right.html就是一个空页面，left.html如下：

1 2     3         4             任务创建5             任务管理6             数据集管理7             模型管理8         9