首页 > 文章 > 前端

HTML框架集使用教程及示例

时间：2026-04-13 08:09:32 176浏览收藏

HTML框架集（）是一种通过rows和cols属性将浏览器窗口划分为多个独立区域并分别加载不同页面的传统布局技术，支持水平/垂直分割、嵌套网格、命名框架跳转及

用html如何设置框架_使用HTML框架集构建页面结构【结构】

如果您希望将网页划分为多个独立区域并分别加载不同内容，则可以使用HTML框架集（frameset）来组织页面布局。以下是实现此结构的具体方法：

一、使用标签定义框架结构

是专门用于划分浏览器窗口的容器标签，替代标准的标签，通过rows或cols属性指定水平或垂直分割方式。每个子框架由标签定义，并通过src属性加载对应HTML文档。

1、将HTML文档的标签及其闭合标签完全移除。

2、在之后插入标签，表示将页面按百分比分成三行区域。

3、在内部依次添加三个、、标签。

4、以结束整个框架集定义。

二、通过cols属性创建左右分栏布局

当需要并排显示导航栏与主内容区时，可使用cols属性控制列宽比例，各按从左到右顺序加载指定资源，支持像素值、百分比及相对单位（*）混合使用。

1、编写，左侧固定200像素宽，右侧自动填充剩余空间。

2、在该内嵌套第一个作为导航面板。

3、插入第二个承载主体内容。

4、确保外部被正确闭合，不遗漏标签。

三、嵌套框架集实现复杂网格结构

单一frameset仅支持单向分割，如需同时实现行列组合（例如顶部横幅+左导航+右内容），必须在某个位置嵌入新的，形成多层嵌套关系。

1、外层使用划分顶部与主体区域。

2、第一个置于顶部区域。

3、在第二行区域中不再使用，而是嵌入一个新的。

4、该嵌套中分别放入和。

四、为框架设置名称并实现页面内跳转

通过name属性标识特定框架，可在其他页面的链接中使用target属性指向该名称，使点击链接后的内容仅在指定框架中加载，避免整页刷新。

1、给目标添加name属性，例如。

2、在导航页的链接中写入页面一。

3、确保所有相关链接均使用相同target值，且与frame的name严格一致，包括大小写。

4、注意：target值必须与frame的name完全匹配，否则链接将在新窗口打开或覆盖整个页面。

五、添加