<埋め込み>対<オブジェクト>

Adobe PDFビューアを表示したい場合、HTMLファイルで使用する適切な/最適なタグはどれですか。

現在、私は以下のコードを使用していますが、奇妙な副作用があります（たとえば、別の<input>テキストボックスに設定した開始フォーカスを奪うようです。jQueryUIResizeableクラスではうまく機能しないようです。等。）

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

<object>タグでも同じことができますか？1つのタグを使用する場合と他のタグを使用する場合の利点/欠点はありますか？

OBJECT vs. EMBED-なぜ常に埋め込みを使用しないのですか？

結論：OBJECTは良好、EMBEDは古い。IEのPARAMタグのほかに、ブラウザーがOBJECTの参照プラグインをサポートしていない場合、OBJECTタグ間のコンテンツはレンダリングされ、レンダリングされるかどうかに関係なく、コンテンツはhttpリクエストされます。

objectページに何かを埋め込むための現在の標準タグです。embedがimgw3cの頭に浮かぶ前に、Netscape（に沿って）に含まれてobjectいました。

これは、次のように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メソッドを使用することもできますが、これはクロスブラウザー互換ではありません（例：chromiumやandroidで機能せず、おそらく他の人も->代わりにダウンロードを求めます）。dataURLと通常のURLで動作しますが、他の例がdataURLSで動作するかどうかはわかりません（他の例がdataURLSで動作するかどうか教えてください）。

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

おそらく、Webページでの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の使用方法に関するチュートリアルは、このイジェクタメンタのブログ記事にあります。

埋め込みは標準タグではありませんが、オブジェクトは標準タグです。ここだ記事状況はそれほど単純ではないようですので、それのように見えますが、あなたを助けることは。PDFの例が含まれています。