<embed>与<object>

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

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

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

我甚至可以对<object>标签做同样的事情？使用一个标签相对于另一个标签是否有优点/缺点？

对象vs.嵌入-为什么不总是使用embed？

底线：目标是好，嵌入是旧的。除了IE的PARAM标记外，如果浏览器不支持OBJECT的引荐插件，则OBJECT标记之间的任何内容都将被呈现，并且显然，无论是否呈现，都将请求http请求。

object是当前在页面上嵌入内容的标准标签。embed被列入由Netscape（沿img）任何东西之前一样object是在W3C的头脑。

这是您包括PDF的方式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>

此版本未通过验证。

其他一些选择：

<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>

您也可以使用iframe方法，尽管该方法与跨浏览器不兼容（例如，无法在Chrome或android系统中运行，并且可能在其他操作系统中->提示下载）。它适用于dataURL和普通URL，不确定其他示例是否适用于dataURLS（请让我知道其他示例是否适用于dataURLS吗？）

 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>

在网页上显示pdf最好的跨浏览器解决方案是使用Mozilla PDF.js项目代码，它可以作为node.js服务运行，并按以下方式使用

<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>

有关如何使用pdf.js的指南，请参见此jectatementa博客文章。

嵌入不是标准标记，尽管对象是。下面是一篇文章，看起来像它会帮助你，因为它似乎情况并非如此简单。包含PDF的示例。