9.2　框架分栏

在网页中，有时要插入多张网页到框架中，那么对网页的分栏也很重要，如何操作才能使网页看起来更自然。框架分栏有垂直分栏和水平分栏。

框架分栏是在网页中插入多个框架的结果，多个框架放在同一个网页中，必然会出现分栏状态，如何使框架分栏在网页中达到更好的视觉效果？本小节来介绍框架分栏的两种分栏样式。

9.2.1　框架垂直分栏

垂直分栏是对框架里的网页文档垂直排列，每张网页文档占用一列显示。垂直分栏是在＜frameset＞中用cols表示，后面的数字表示列宽，语法形式如下。

＜frameset cols="50，50"＞

＜frame src="http：//www.163.com"＞

＜frame src="http：//www.sina.com.cn"＞

＜/frameset＞

垂直分栏在＜frameset＞中包含两张网页文档，每张网页占50%，第二张网页用＜frame＞来引进网页文档路径，代码9.2表示垂直分栏。

代码9.2　源代码\第9章\框架垂直分栏.html

——————————————文件名：框架垂直分栏.html——————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞框架垂直分栏＜/title＞

04 ＜/head＞

05 ＜frameset cols="50，50"＞

06 ＜frame src="http：//www.163.com"＞

07 ＜frame src="http：//www.sina.com.cn"＞

08 ＜/frameset＞

09 ＜/html＞

【代码解析】代码第5行表示在框架中包含两个垂直的网页文档，并设置了cols参数为50和50，表示两个网页各占一半显示，效果如图9.2所示。

图　9.2　框架垂直分栏

框架的垂直分栏把整个网页分成多列，如cols中有两个数字，表示两个列，如果想用三列显示网页文档那要怎样操作呢？只要在后面加逗号再加一个数字就可以了，注意三个数字加起来不能超过100%，请读者想想为什么。

注意　路径可以是网址，也可以是同目录下的网页文档。