框架网页

定义

框架网页指把浏览器显示窗口划分成若干个称作框架(frame)的区域、每个区域各自显示一份独立网页文件的网页类型，这些区域由框架集标签定义，各区域可加载互不相同的页面^[1]。承载框架的页面本身通常不含要显示的内容，其作用只是一个容器，用来规定各框架内放置哪些页面以及如何显示^[2]。

在教材与考试语境中，它也被称为框架型网页，一个典型用法是左侧为固定导航菜单、右侧为可上下滚动的内容区^[3]。浏览器先读取描述框架结构的文档，再按其中的指示分别请求并渲染各个框架所对应的页面^[4]。

原理

框架结构由 HTML 中的两个标签配合实现。框架集标签负责划分窗口，其 rows 属性用于把窗口切成若干行，cols 属性用于切成若干列，取值可以是像素数、百分比或表示剩余空间的比例值；框架标签则置于框架集内部，用 src 属性指明该区域要加载的页面地址^[5]。含框架的文档用框架集标签取代普通的 body 标签，因此这类文档没有正文容器^[6]。框架集可以嵌套，同一个框架集中不能同时出现按行与按列的分割^[7]。

框架之间的联动依靠命名与目标属性。作者可用 name 属性给框架命名，再在链接或表单上设置 target 属性，使被指向的资源加载到指定名称的框架中；若目标名称不存在，浏览器会新建一个窗口并把该名称分配给新框架^[7]。框架标签还提供若干外观属性，scrolling 控制滚动条的显示方式，noresize 禁止使用者拖动改变框架大小，frameborder 决定框架之间是否绘制分隔线^[8]。由于框架内容不在框架集文档内，且框架集状态无法完整编码进统一资源标识符，许多浏览器不允许为框架集添加书签^[9]。

发展历程

框架技术由网景公司在 Navigator 2.0 浏览器中推出，使网页制作者能够把浏览器窗口划分为若干可独立控制的区域^[10]。1997 年 7 月，万维网联盟公布了 HTML 4.0 的首个公开工作草案，其中包含对内联框架等进阶框架功能的改进^[11]。同年 12 月 18 日，HTML 4.0 成为万维网联盟的推荐标准^[12]。

HTML 4.0 提供严格、过渡与框架集三种文档类型，其中框架集类型几乎只允许与框架相关的元素^[13]。随后的 HTML 5 不再把框架集与框架列为规范允许作者使用的元素，转而建议采用内联框架配合层叠样式表，或用服务器端包含生成完整页面^[14]。相关标签因此在现行标准中被标记为已弃用，浏览器出于兼容仍可能继续支持^[15]。

应用

框架网页最常见的用途是目录与内容的分区显示：一侧框架放置目录、文章列表或信息清单，点击其中的超链接后，被指向的页面在另一个框架中打开，另一个框架的内容保持不变^[1]。这种安排让使用者不必反复使用后退按钮即可在站点内浏览^[5]。常见形态还包括顶部固定横幅配合左侧目录和主内容区，一个框架中显示图片、另一个框架中显示说明^[2]。

该技术也被用于把不同来源的页面组合在同一窗口内，例如教学课件中以框架集构建多区域页面，或在一个框架中集中投放更新频繁的广告页^[3]。早期网页制作工具曾提供横幅式、目录式等框架页面模板，把框架间的导航关系预先设置好，以简化创建流程^[2]。在网页制作课程与计算机基础考试中，框架网页的文件结构也常作为考查内容，若干个框架分别显示若干个独立页面时，所需文件数通常比框架数多一个，多出的那份用于定义框架划分^[16]。

局限

搜索引擎抓取是框架网页最突出的问题。爬虫虽然能够读取框架子页面的内容，但由框架集构成的入口页本身不含可识别的正文，往往只能得到指向其他文档的引用，因而难以被正确索引，作者通常需要借助无框架区域补充替代内容^[10]。此外，框架页面可以在地址栏网址不变的情况下更换各区域内的内容，使用者往往无法为单个框架区域生成可分享的链接，只能复制整个框架集的地址^[10]。

可访问性与设备适配同样受限。使用屏幕阅读器等辅助技术的使用者、以及使用较旧浏览器的使用者，在打开框架页面时可能遇到内容无法正确读取或显示的问题^[10]。使用框架还可能给浏览器前进与后退的历史导航带来困难，而框架在较小的显示设备上支持有限，在不同分辨率环境下表现不一致^[9]。正因如此，现代网页开发中固定导航配合动态内容的布局多改用层叠样式表与常规页面结构实现，只有需要嵌入独立文档、第三方系统或沙箱内容时才会考虑内联框架^[16]。

参见

• HTML —— 框架网页所依托的标记语言，框架集与框架均为其中的元素。

• 层叠样式表 —— 取代框架布局、用于控制页面分区与样式的技术。

• 内联框架 —— 在普通页面正文中嵌入另一份文档的元素，常用于替代框架。

• 搜索引擎优化 —— 框架结构带来的抓取与索引问题与之直接相关。

• 网页浏览器 —— 负责解析框架集文档并分别渲染各框架内容的软件。