📅 最后修改于: 2023-12-03 14:52:19.612000 🧑 作者: Mango
在 HTML 中，可以使用 <iframe> 元素来包含其他 HTML 页面或框架集。下面将介绍如何在一个框架集中包含另一个框架集。
首先，我们需要创建一个外部的 HTML 页面作为容器，用于包含其他框架集。可以使用如下代码创建一个外部框架集页面：
<!DOCTYPE html>
<html>
<head>
<title>外部框架集页面</title>
</head>
<body>
<frameset cols="50%, 50%">
<frame src="frame1.html">
<frame src="frame2.html">
</frameset>
</body>
</html>
在上面的代码中，我们使用 <frameset> 元素创建一个水平的框架集，并将其分为两列（50% 的宽度）。然后，使用 <frame> 元素来指定每个框架的内容，其中 src 属性指定要加载的 HTML 页面。
保存上面的代码为 outer.html。
接下来，我们需要创建两个内部的 HTML 页面，用于作为框架集的内容。可以使用如下代码创建这两个页面：
<!DOCTYPE html>
<html>
<head>
<title>框架1</title>
</head>
<body>
<h1>框架 1</h1>
<p>这是内部框架集页面的第一个框架。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>框架2</title>
</head>
<body>
<h1>框架 2</h1>
<p>这是内部框架集页面的第二个框架。</p>
</body>
</html>
保存上面的代码分别为 frame1.html 和 frame2.html。
现在，将这三个文件（outer.html、frame1.html、frame2.html）放在同一个目录下，并在浏览器中打开 outer.html 文件。
你会看到一个包含两个框架的页面，每个框架都显示了相应的内容。
这就是如何在 HTML 的另一个框架集中包含框架集的方法。
注意： 使用框架集已经不推荐在现代的网页开发中使用，这种技术已经过时。更好的做法是使用现代的前端框架（例如 React、Vue.js）来构建复杂的用户界面。