需用<frameset>替代<body>构建多页面框架布局，通过rows划分区域、frame指定src和name，设置border="0"、noresize、scrolling="auto"优化显示，用target跳转，noframes提供降级内容，并避免嵌套及SEO问题。
如果您希望在一个浏览器窗口中同时显示多个独立的HTML页面，并通过框架集（frameset）实现内容分区，则需要使用<frameset>标签替代<body>来组织页面布局。以下是构建基于框架集的多页面结构的具体方法：
一、定义框架集结构
框架集通过<frameset>元素划分浏览器窗口区域，每个区域由<frame>指定加载的HTML文档。该结构不使用<body>，且需在<html>根元素下直接嵌套<head>与<frameset>。
1、创建一个新HTML文件，删除<body>标签及其全部内容。
2、在<head>之后插入<frameset rows="150,*">，表示顶部150像素高度的框架和剩余空间的主框架。
立即学习“前端免费学习笔记（深入）”；
3、在<frameset>内部添加两个<frame>标签，分别设置src属性指向header.html和main.html。
4、为每个<frame>添加name属性，例如name="topFrame"和name="contentFrame"，以便后续页面跳转时定向加载。
二、配置框架边框与滚动行为
默认情况下框架会显示边框并启用滚动条，可通过属性控制其外观与交互行为，提升用户界面一致性。
1、在<frameset>标签中添加border="0"，移除框架间分隔线。
2、为每个<frame>添加noresize属性，禁止用户拖动调整框架尺寸。
3、在<frame>中设置scrolling="auto"，仅在内容超出可视区域时显示滚动条。
4、使用frameborder="0"进一步确保各框架无边框渲染。
三、实现框架内页面导航跳转
通过设置<a>标签的target属性，可指定链接在特定命名框架中打开目标页面，从而维持多页面共存状态。
1、在header.html中编写导航链接：<a href="about.html" target="contentFrame">关于我们</a>。
2、确保target值与目标<frame>的name属性完全一致，例如contentFrame。
3、在main.html中放置初始内容，作为框架默认加载的主视图区域。
4、若需从框架内页面刷新整个窗口，可使用target="_top"或JavaScript调用top.location.href。
四、处理不支持框架的浏览器回退方案
现代浏览器虽仍解析<frameset>，但部分设备或辅助技术可能忽略该结构，需提供<noframes>备用内容。
1、在<frameset>闭合标签后立即插入<noframes>标签。
2、在<noframes>内部添加<body>标签，并写入提示文字：“您的浏览器不支持框架，请访问首页入口页面获取完整导航。”
3、在提示文字中嵌入指向index.html的超链接，确保所有用户均可访问核心内容。
4、将<noframes>内容置于<frameset>之外、</html>之前，保证HTML结构合法性。
五、避免框架嵌套与SEO陷阱
深层框架嵌套会导致URL不可追踪、历史记录混乱及搜索引擎索引失效，应严格限制层级并确保每个框架页具备独立可访问性。
1、禁止在任一<frame>所加载的HTML文档中再次使用<frameset>。
2、为每个框架页面单独编写<title>，例如<title>顶部导航栏 - 网站名称</title>。
3、在所有框架页面的<head>中加入<meta name="robots" content="noindex, nofollow">，防止搜索引擎将子框架页误判为主入口。
4、确保header.html等框架页可通过直接URL访问，且不依赖父框架环境运行。
