iframe与div嵌入子页面方法详解

小伙伴们对文章编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《HTML5框架设置：iframe与div嵌入子页面方法》，就很适合你，本篇文章讲解的知识点主要包括。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

HTML5中应使用iframe、div+CSS、object或Web Components替代已废弃的frameset/frame；iframe支持同源嵌入，div+CSS结合JavaScript可动态加载内容，object提供降级支持，Web Components实现可复用嵌入。

如果您希望使用 HTML5 构建页面整体结构，并通过嵌入子页面的方式组织内容，则需避免使用已废弃的 frameset 和 frame 标签。HTML5 不支持 frameset，仅允许使用 iframe 或基于 div 的 CSS 布局实现模块化嵌入。以下是具体设置方法：

一、使用 iframe 嵌入子页面

iframe 是 HTML5 中唯一原生支持内嵌外部页面的标签，它创建一个独立的浏览上下文，可加载任意 URL 内容，且不影响主页面 DOM 结构。

1、在主页面 HTML 中插入