HTML 框架
在网页里再嵌一个网页，就像"画中画"——这就是框架。HTML 用 <iframe>（内联框架）标签把另一个页面嵌到当前页面中，地图、视频、第三方小工具几乎全靠它嵌入，是现代网页最常见的组合方式。
iframe 与 src 属性
<iframe> 通过 src 属性指定要嵌入页面的地址（URL），浏览器会在当前页面中开辟一块区域显示那个页面。iframe 里的内容独立加载，不受外层页面样式影响。
<iframe src="https://example.com" width="600" height="400"></iframe>
在浏览器中显示为：页面中出现一个 600×400 的矩形区域，里面显示同类教程首页的内容（部分站点会通过安全策略禁止被嵌入）。
设置尺寸与边框
iframe 的大小由 width、height 控制（默认单位像素），也可以用 CSS 设置；默认自带一条边框，若想去掉，可把 frameborder 设为 0，或用 CSS 的 border:none。
<iframe src="demo.html" width="400" height="300" frameborder="0"></iframe>
在浏览器中显示为：一个无边框的 400×300 区域，里面显示 demo.html 的内容。
iframe 作为链接目标
给 iframe 加一个 name 属性，再让其他链接的 target 指向这个名字，点击链接时新页面就会在 iframe 里打开，而不是跳走整个页面——这是经典"左侧菜单、右侧内容"的导航框架做法。
<iframe src="page1.html" name="main" width="500" height="300"></iframe>
<br>
<a href="page2.html" target="main">在框架中打开 page2</a>
在浏览器中显示为：上方一个显示 page1 的框架，点击下方链接后，page2 的内容在同一框架中替换显示。
实际应用场景
- 嵌入地图：在页面里放一个百度/高德地图的 iframe，用户无需离开站点即可查看位置。
- 嵌入视频：把视频网站提供的 iframe 播放代码贴进页面，即可直接播放。
- 嵌入第三方组件：支付、问卷、评论等模块常以 iframe 形式提供，互不干扰、便于更新。
易错点提示
- 不少网站设置了 X-Frame-Options 等安全头，会拒绝被 iframe 嵌入，显示为空白，属正常现象。
- iframe 内容不能被外层 CSS 美化，需要样式请在内部页面自行设置。
- 过多使用 iframe 会增加页面加载负担，能不用时尽量不用。
小结
<iframe> 用 src 指定来源即可嵌入任意网页，name + target 还能实现框架内跳转。善用它，网页就能轻松"借来"地图、视频等外部能力。