<embed> vs. <предмет>

Який правильний / найкращий тег використовувати у моєму HTML-файлі, коли я хочу відобразити переглядач Adobe PDF?

Зараз я використовую наведений нижче код, але є дивні побічні ефекти (наприклад, це, здається, вкрав початковий фокус, який я встановив до іншого <input>текстового поля; він, схоже, не дуже добре грає з класом jQueryUI Resizeable; тощо)

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

Чи можу я зробити те ж саме з <object>тегом? Чи є переваги / недоліки використання одного тегу проти іншого?

OBJECT vs. EMBED - чому б не завжди використовувати вбудовування?

Підсумок: ОБ'ЄКТ - це добре, EMBED - старий. Окрім тегів PARAM IE, будь-який вміст між тегами 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, хоча це не сумісний з браузером (наприклад, не працює в хромі чи андроїді та, ймовірно, інші -> замість цього запропонує завантажити). Він працює з URL-адресами 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, можна знайти в цій статті блогу про ежектаменти

Embed - це не стандартний тег, хоча об’єкт є. Ось стаття , схожа на те, що вам допоможе, оскільки, здається, ситуація не така проста. Приклад для PDF входить.