<embed> vs. <object>

Qual é a melhor / melhor tag a ser usada no meu arquivo HTML quando quero exibir o visualizador do Adobe PDF?

No momento, estou usando o código abaixo, mas existem efeitos colaterais estranhos (por exemplo, parece roubar o foco inicial que defini para outra <input>caixa de texto; não parece funcionar muito bem com a classe Resolvível do jQueryUI; etc.)

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

Eu poderia fazer a mesma coisa com a <object>tag? Existem vantagens / desvantagens em usar uma tag versus a outra?

OBJECT vs. EMBED - por que nem sempre usar a incorporação?

Conclusão: OBJETO é bom, EMBED é antigo. Além das tags PARAM do IE, qualquer conteúdo entre as tags OBJECT será renderizado se o navegador não suportar o plug-in referido do OBJECT e, aparentemente, o conteúdo será solicitado por HTTP independentemente de ser renderizado ou não.

objecté a tag padrão atual para incorporar algo em uma página. embedfoi incluído pelo Netscape (junto img) antes que algo assim objectestivesse na mente do w3c .

É assim que você inclui um PDF comobject :

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

Se você realmente precisa que o PDF embutido seja exibido em quase todos os navegadores, como os navegadores mais antigos entendem, embedmas não object, precisará fazer o seguinte:

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

Esta versão não valida .

Algumas outras opções:

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

Você também pode usar o método iframe, embora este não seja compatível com vários navegadores (por exemplo, não funcione no chromium ou android e provavelmente em outros -> solicite o download). Funciona com dataURLs e URLs normais, não tenho certeza se os outros exemplos funcionam com dataURLS (por favor, deixe-me saber se os outros exemplos funcionam com dataURLS?)

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

Provavelmente, a melhor solução entre navegadores para exibição em pdf nas páginas da Web é usar o código do projeto Mozilla PDF.js, ele pode ser executado como um serviço node.js. e usado da seguinte maneira

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

Um tutorial sobre como usar o pdf.js pode ser encontrado neste artigo do ejectamenta blog

Incorporar não é uma tag padrão, embora o objeto seja. Aqui está um artigo que parece que o ajudará, pois parece que a situação não é tão simples. Um exemplo para PDF está incluído.