【网页设计】【HTML+CSS】【第9章 使用框架】.pdf

·110 · 第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 head title框架基本语法/title /head !—设置框架-- ·111 · frameset cols=25%,50%,25% frame src=/ frame src=/ frame src=http://www. 163.com/ /frameset /html 上面代码在 html 中插入了框架，框架包括三个网页，分别表示了网址之家、新浪和网 易的首页，在frameset 中的cols 参数代表列，代码 9.1 中，表示在框架集中有三个框架且 链接不同的页面，效果如图 9.1 所示。 图9.1 框架基本语法 这样三张网页就插入到了这个网页中的框架中，框架中的每张网页都是独立的。设置 frameset/frameset 时，必须有行和列的表示，不能空格。 注意：frameset/frameset在html/html标签内，不能与body/body并列，所 以在网页中先去掉body/body ，再写frameset/frameset标签对，以免不知道在哪出 现错误。frame是在frameset/frameset标签对中的，且是单标记。 9.2 框架分栏 在网页中，有时要插入多张网页到框架中，那么对网页的分栏也很重要，如何表现使 网页看起来更自然。框架分栏有垂直分栏和水平分栏。 框架分栏是网页插入多个框架的结果，多个框架放在同一个网页中，必然会出会分栏 状态，如何使框架分栏在网页中达到更好的视觉效果，本小节来介绍框架分栏的两种分栏 样式。 ·112 · 9.2.1 框架垂直分栏 垂直分栏是对框架里的网页文档垂直排列，每张网页文档占用一列显示。垂直分栏是 在frameset 中用cols 表示，后面接要表示的列宽，语法形式如下： frameset cols=50,50 frame src=