小开

`<iframe>`

iframe元素表示一个嵌套的浏览上下文。HTML 5标准- The <iframe> element"

主要用于包括来自其他域或子域的资源，但也可以用于包括来自同一域的内容。<iframe>的优点是嵌入的代码是“活动的”，可以与父文档通信。

`<embed>`

在HTML 5中标准化，在此之前，它是一个非标准标签，不可否认，所有主流浏览器都实现了它。在HTML 5之前的行为会有所不同…

embed元素为外部(通常是非html)应用程序或交互式内容提供了一个集成点。(HTML 5标准- The <embed> element")

用于嵌入浏览器插件的内容。但SVG和HTML除外，它们根据标准处理方式不同。

对于嵌入的内容，什么可以做，什么不可以做的细节取决于所讨论的浏览器插件。但是对于SVG，你可以通过以下方式访问嵌入的SVG文档:

svg = document.getElementById("parent_id").getSVGDocument();

从嵌入的SVG或HTML文档中，您可以通过以下方式到达父类:

parent = window.parent.document;

对于嵌入的HTML，没有办法从父文件(我已经找到了)获得嵌入的文档。

`<object>`

<object>元素可以表示外部资源，根据资源的类型，它可以被视为图像、嵌套的浏览上下文或由插件处理的外部资源。(HTML 5标准- The <object> element")

结论

除非你嵌入SVG或其他静态的东西，否则最好使用<iframe>。要包括SVG使用<embed>(如果我没记错的话<object>不会让你脚本†)。老实说，我不知道为什么你会使用<object>，除非旧的浏览器或flash(我不使用)。

†如下文评论所述;<object>中的脚本将运行，但父上下文和子上下文不能直接通信。使用<embed>，你可以从父对象获取子对象的上下文，反之亦然。这意味着你可以在父进程中使用脚本来操作子进程等等。这部分在<object>或<iframe>中是不可能的，在那里你必须设置一些其他的机制，比如JavaScript postMessage API。

小开

使用object而不是iframe的一个原因是对象会重新调整嵌入内容的大小以适应对象的尺寸。最值得注意的是在iPhone 4s的safari中，其屏幕宽度为320px，来自嵌入式URL的html可以设置更大的尺寸。

小开

在iframe上使用object的另一个原因是，根据Mixed content， object子资源(当<object>执行HTTP请求时)被认为是passive/display，这意味着当你必须拥有Mixed content时，它更安全。

混合内容意味着当你有https，但你的资源来自http。

参考:https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content

小开

Iframe有“沙箱”;属性，可能会阻止弹出等

iframe, embed和object元素之间的区别

<iframe>

<embed>

<object>

结论

`<iframe>`

`<embed>`

`<object>`