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

前端之家收集整理的这篇文章主要介绍了html5 – iframe,embed和object元素之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML5定义了几个嵌入的内容元素,从鸟瞰图看来,它们似乎非常类似于大致相同的点。

iframe,embed和object之间的实际区别是什么?

如果我要嵌入来自第三方网站的HTML文件,我可以使用这些元素中的哪一个,它们会有什么不同?

解决方法

< iframe>

The iframe element represents a nested browsing context. 07000

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

< embed>

在HTML 5标准化之前,它是一个非标准的标签,这是所有主要的浏览器实现的。 HTML 5之前的行为可能有所不同…

The embed element provides an integration point for an external (typically non-HTML) application or interactive content. (07001)

用于嵌入浏览器插件内容。例外情况是SVG和HTML,根据标准处理不同。

有关嵌入内容可以做什么以及无法做什么的详细信息取决于所讨论的浏览器插件。但对于SVG,您可以从父级访问嵌入的SVG文档,如:

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

从嵌入式SVG或HTML文档内部,您可以访问父级:

parent = window.parent.document;

对于嵌入式HTML,没有办法从父级(我已经找到)获取嵌入式文档。

< object>

The <object> element can represent an external resource,which,depending on the type of the resource,will either be treated as an image,as a nested browsing context,or as an external resource to be processed by a plugin. (07002)

结论

除非你嵌入SVG或静态的东西,你可能最好使用< iframe&gt ;.要包括SVG使用embed(如果我记得正确< object>不会让你脚本)。老实说,我不知道你为什么会使用< object>除非对于旧的浏览器或闪存(我不使用)。

原文链接:https://www.f2er.com/html5/170179.html

猜你在找的HTML5相关文章