<frame>: 框架标签
最后更新:2026-10-13
<frame>框架标签
在 <frameset> 中定义一个独立的子窗口,加载并显示另一个页面。HTML5 已废弃 frame/frameset,现代开发应使用 <iframe>。
| 分类 | 文档结构 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 自闭合 — 无需闭合标签 |
| 状态 | 已废弃 |
📝 语法
<frame src="page.html" name="main">
⚙️ 属性
该元素支持全局属性及以下专有属性:
| 属性 | 值 | 描述 |
|---|---|---|
src | 该子窗口要加载的页面地址。 | |
name | 子窗口名称,供链接的 target 引用。 | |
noresize | 禁止用户拖动边框调整大小。 | |
scrolling | 是否显示滚动条:yes/no/auto。 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| <frame> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: frame 已被 HTML5 废弃,且无法被搜索引擎良好索引;新项目请用 <iframe> 或 CSS 布局。
❓ 常见问题
Qframe 标签还能用吗?
A不能。
<frame> 与 <frameset> 属于 HTML4 的框架集方案,HTML5 已彻底移除,现代浏览器不再支持(仍能解析但布局完全失效)。替代方案是 <iframe> 或单页应用路由。Qframeset 时代的布局怎么迁移?
A按用途拆解:导航框架 → 服务端 include/SSI 或前端组件;多窗口面板 → CSS Grid 布局 + iframe(确需隔离时);内容分栏 → Flexbox/Grid。迁移通常伴随整个页面的现代化重构。
Qframe 和 iframe 有什么区别?
A
<frame> 只能存在于 <frameset> 内、替代 body、不能单独使用;<iframe> 是行内元素、可放在页面任何位置、独立滚动。iframe 保留至今,frame 已消亡。🏷️ 相关标签
💡 相关案例
更多案例即将上线,敬请期待。