在网页开发过程中，`<frameset>` 标签曾是实现页面分块布局的一种常见方式。虽然随着现代前端技术的发展，如 CSS 布局和 Flexbox、Grid 等更灵活的布局方式逐渐取代了 `frameset` 的使用，但在一些老旧项目或特定场景中，了解其基本用法仍然是有必要的。

一、frameset 的基本结构

`<frameset>` 是 HTML 中用于定义页面框架结构的标签，它通常与 `<frame>` 标签配合使用，用来将浏览器窗口划分为多个独立的区域，每个区域可以加载不同的 HTML 页面。

一个简单的 `frameset` 示例：

```html

<frameset rows="50%,50%">

<frame src="top.html" />

<frame src="bottom.html" />

</frameset>

```

在这个例子中，整个页面被垂直划分为两个部分，上半部分显示 `top.html`，下半部分显示 `bottom.html`。

二、frameset 的常用属性

- rows：定义横向分割的行数及比例，例如 `rows="200,,100"` 表示三行，第一行高度为 200 像素，第二行自动填充，第三行为 100 像素。

- cols：定义纵向分割的列数及比例，例如 `cols="30%,70%"` 表示两列，分别为 30% 和 70% 宽度。

- border：设置框架边框的宽度，单位为像素。

- frameborder：控制是否显示框架边框，值为 `0` 或 `1`。

- noresize：防止用户调整框架大小。

三、frame 标签的作用

`<frame>` 标签用于指定每个框架所加载的页面地址（`src` 属性），并可以设置标题、边框等属性。如果未指定 `src`，则该框架为空。

四、frameset 的优缺点

优点：

- 结构清晰，适合需要多页面内容并排展示的场景。

- 对于某些老系统或特定功能需求，实现起来较为简单。

缺点：

- 不利于 SEO，因为搜索引擎难以抓取多个框架的内容。

- 移动端兼容性差，响应式设计困难。

- 每个框架都是独立的页面，不利于统一管理样式和脚本。

五、frameset 的替代方案

随着 HTML5 的普及，`<frameset>` 已逐渐被淘汰，开发者更倾向于使用以下方式实现类似效果：

- CSS 布局：通过 `flex` 或 `grid` 实现灵活的页面布局。

- iframe：嵌入外部页面，但与 `frameset` 不同，`iframe` 可以嵌套在任意位置，灵活性更高。

- 单页应用（SPA）：使用 JavaScript 框架（如 Vue、React）动态加载内容，避免页面刷新。

六、结语

尽管 `frameset` 在现代网页开发中已不常用，但了解其基本原理和用法仍然有助于理解早期网页设计的思想。对于维护旧系统或学习历史技术的人来说，掌握 `frameset` 的使用依然是有价值的。不过，在新项目中，建议优先考虑更现代、更灵活的布局方式，以提升用户体验和开发效率。

总结：

`frameset` 框架的用法主要通过定义页面的分块结构，结合 `<frame>` 标签实现多页面内容的并行展示。虽然已被新技术取代，但在特定场景下仍具参考价值。