FRAMESET 已被现代浏览器完全废弃，HTML5 中移除，主流浏览器仅勉强渲染并报错，导致页面空白、布局错乱、SEO 和可访问性失效；应改用 iframe + CSS 布局，并注意尺寸设置、跨域限制及移动端适配。
FRAMESET 已被现代浏览器完全废弃，任何新项目都不应使用它。 它在 HTML5 中被移除，Chrome、Firefox、Edge 等主流浏览器虽可能“勉强渲染”，但会触发控制台警告 HTMLFrameSetElement is deprecated，且无法通过 W3C 验证。用它上线等于主动放弃可访问性、SEO 和移动端兼容性。
为什么 <frameset> 会导致页面无法正常加载或布局错乱
现代浏览器对 <frameset> 的解析逻辑已大幅弱化：遇到 <frameset> 时，会忽略后续的 <body> 内容（即使写了也不显示），且不支持嵌套 <iframe> 或与 CSS Grid/Flexbox 混用。常见现象包括：
- 整个页面空白，仅显示顶部地址栏路径（实际是 fallback 文本）
- 控制台报错
The <frameset> element is obsolete并中断 DOM 构建 - 部分框架区域显示为灰色方块，
src中的 URL 根本未发起请求
用 <iframe> 替代 <frameset> 的实操要点
唯一可行的替代方案是手写 <iframe> + CSS 布局。关键不是“怎么拼结构”，而是“怎么避免踩坑”：
- 必须显式设置每个
<iframe>的width和height（百分比或vh/vw），否则默认尺寸为 300×150 像素 - 跨域子页面无法通过
contentWindow访问 DOM，会触发SecurityError；同源时也需等load事件后才能操作 - 移动端需加
width="100%"和style="min-height: 50vh;"，否则<iframe>高度塌陷 - 示例结构：
<div style="display: grid; grid-template-rows: 60px 1fr; height: 100vh;"> <header>导航栏</header> <iframe src="main.html" title="主内容区" style="border: none;"></iframe> </div>
旧系统迁移时最常被忽略的兼容性问题
如果维护遗留系统且必须临时兼容 <frameset> 页面，注意三点：
立即学习“前端免费学习笔记（深入）”；
- 服务器响应头必须包含
X-UA-Compatible: IE=edge，否则 IE11 会强制进入 IE5 Quirks 模式，连基本框架都渲染不出来 -
target属性在<a>标签中失效，需改用 JavaScript 调用parent.frames['name'].location.href = '...' - 所有子页面的
<html>必须声明lang属性，否则屏幕阅读器会跳过整个<iframe>区域
真正麻烦的从来不是怎么写框架结构，而是当 <frameset> 页面需要对接现代前端组件（比如 React 子应用、Web Component）时，iframe 的上下文隔离会让通信链路变得脆弱且难以调试。能不用，就别碰。
