<frameset>: 框架集标签
最后更新：2026-10-13
<frameset>框架集标签
将浏览器窗口划分为多个子窗口（frame），通过 rows/cols 指定行或列布局。HTML5 已废弃，推荐用 <iframe> 或现代 CSS 布局替代。
| 分类 | 文档结构 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </frameset> 标签 |
| 状态 | 已废弃 |
📝 语法
<frameset cols="25%,75%">
<frame src="nav.html">
<frame src="content.html">
</frameset>⚙️ 属性
该元素支持全局属性及以下专有属性：
| 属性 | 值 | 描述 |
|---|---|---|
rows | 按行划分窗口的高度（像素、% 或 *）。 | |
cols | 按列划分窗口的宽度（像素、% 或 *）。 | |
border | 子窗口之间边框的宽度（像素）。 |
▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <frameset> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： frameset 已废弃且不利于 SEO 与移动端；现代网站应使用 <iframe> 或 CSS Grid/Flex 布局。
❓ 常见问题
Qframeset 是什么？为什么被废弃了？
A
<frameset> 用 rows/cols 属性把窗口切分成多个 <frame>，每个框加载独立文档。废弃原因：破坏 URL 与历史的对应关系、无障碍灾难、搜索引擎抓取混乱、无法响应式布局。HTML5 已删除该元素。Qframeset 页面在现代浏览器打开会怎样？
A现代浏览器仍在解析 frameset（向后兼容），但不会按框架布局渲染——通常只显示部分内容或空白。依赖 frameset 的老系统在新浏览器上必然出问题，必须迁移。
Qframeset 的 rows 和 cols 怎么写？
A历史写法：
<frameset rows='80,*,100'> 表示上 80px、中间自适应、下 100px 的三行布局，星号代表剩余空间。仅供维护旧代码时读懂，新布局请用 CSS Grid 的 grid-template-rows 实现同样效果。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
