第9章　框架

网页中框架（frame）的主要作用是将浏览器窗口分割成几个相对独立的小窗口，浏览器可以将不同网页文件同时传送到这几个小窗口，这样就可以同时浏览不同网页的内容。使用框架，可以在一个浏览器中显示出多张HTML文档，这种HTML文档被称为框架页，各张框架页都可以不同，所以各页面之间是独立的。通过本章的学习，可以了解到以下框架知识：

❑frameset标记用法；

❑frame标记用法；

❑框架分栏；

❑框架重要属性；

❑框架链接；

❑框架实例。

9.1　框架基本语法

框架就是在一个浏览器中显示多个HTML页面，使用框架后，在一张网页中可以用来放置多个不同的网页。在新闻类的网站可以看到有的广告专用一张网页来显示，每次更新广告的时候，只需要对那张网页做修改。在本节中主要介绍框架的基本语法，如frameset、frame和框架的部分属性等。

如果一个网页左边的导航菜单是固定的，而页面中间的信息可以上下移动，这就可以认为是一个框架型网页。此外，一些框架型站点的模板在其页面上方放置了公司的LOGO或图片，不过它们也是位置固定的。而页面的其他部分则可以上下左右移动。有的框架型站点模板还会在其固定区域中，放入链接或导航按钮。

框架的基本语法是由＜frameset＞＜/frameset＞标记对表示，标记对放在＜html＞＜/html＞标记对下的＜head＞＜/head＞后面，即与＜head＞＜/head＞标记对并列。如何来实现框架，全由＜frameset＞＜/frameset＞来设置，其内又包含＜frame＞＜/frame＞，用＜frame＞＜/frame＞标记对来表示在框架内放入什么文件，代码9.1表示框架的基本语法。

代码9.1　源代码\第9章\框架基本语法.html

——————————————文件名：框架基本语法.html——————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞框架基本语法＜/title＞

04 ＜/head＞

05 ＜！—设置框架—＞

06 ＜frameset cols="25%，50%，25%"＞

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

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

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

10 ＜/frameset＞

11 ＜/html＞

【代码解析】代码第6～10行在html中插入了框架，框架包括3个网页，分别表示了网址之家、新浪和网易的首页，在＜frameset＞中的cols参数代表列，在代码9.1中，表示在框架集中有3个框架且链接不同的页面，效果如图9.1所示。

图　9.1　框架基本语法

这样，三张网页就插入到了这个网页的框架中，框架中的每张网页都是独立的。设置＜frameset＞＜/frameset＞时，必须有行和列的表示，不能空格。

注意＜frameset＞＜/frameset＞在＜html＞＜/html＞标记对内，不能与＜body＞＜/body＞并列，所以在网页中先去掉＜body＞＜/body＞，再写＜frameset＞＜/frameset＞标记对，以免不知道在哪出现错误。＜frame＞是在＜frameset＞＜/frameset＞标记对中的，且是单标记。