<embed>与<object>

Question

当我想要显示Adobe PDF查看器时，在HTML文件中使用哪个标签是正确的/最佳的？

现在我正在使用下面的代码，但有一些奇怪的副作用(例如，它似乎偷走了我设置到另一个<input>文本框的起始焦点；它似乎不能很好地处理jQueryUI Resizeable类；等等)。

<embed src="abc.pdf" type="application/pdf" />

我甚至可以对<object>标记做同样的事情吗？与使用另一个标签相比，使用一个标签有没有优点/缺点？

Answer 1

OBJECT vs. EMBED - why not always use embed?

底线: OBJECT是好的，EMBED是旧的。除了IE的PARAM标签之外，如果浏览器不支持OBJECT的引用插件，则将呈现OBJECT标签之间的任何内容，显然，无论是否呈现内容，都会获得http请求。

object是当前用于在页面上嵌入内容的标准标记。在像object这样的东西出现之前，w3c就已经在使用embed was included by Netscape (along img)了。

这就是你include a PDF with object的方式

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.pdf</a>
</object>

如果你真的需要内联PDF来在几乎所有的浏览器中显示，就像老的浏览器能理解embed但不能理解object一样，你需要这样做：

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

此版本不进行验证。

Answer 2

2020年更新的答案：

和都包含在WHAT-WG HTML生活标准(2020年9月)中。

对象元素可以表示外部资源，根据资源的类型，该资源将被视为图像、子浏览上下文或将由插件处理的外部资源。

embed元素为外部(通常是非

)应用程序或交互式内容提供集成点。

使用一个标签与使用另一个相比有什么优点/缺点？

Mozilla Developer Network ( MDN )的opinion似乎(尽管相当微妙地)非常偏爱<object>而不是<embed>，但MDN压倒性地建议您，无论您在哪里，都要避免完全嵌入外部内容。

...你不太可能经常使用这些元素-小应用程序已经很久没有使用了，Flash不再流行，原因有很多(参见下面针对插件的案例)，PDF往往是更好的链接而不是嵌入，而其他内容，如图像和视频，有更好的，更容易处理的元素。插件和这些嵌入方法实际上是一种遗留技术，我们主要是在某些情况下提到它们，比如intranets或企业项目。

曾几何时，插件在Web上是不可或缺的。还记得你必须安装Adobe Flash Player才能在线观看电影的日子吗？然后，您会不断收到关于更新Flash Player和Java Runtime Environment的恼人警报。自那以后，Web技术变得更加健壮，那些日子已经过去了。对于几乎所有的应用程序来说，是时候停止交付依赖插件的内容了，而是开始利用Web技术了。

来源： https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#The_%3Cembed%3E_and_%3Cobject%3E_elements

Answer 3

其他一些选项：

<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>

<object type="application/pdf" data="#request.localhost#_includes/filename.pdf" 
        width="100%" height="100%">
  <param name="src" value="#request.localhost#_includes/filename.pdf">
</object>