<nhúng> so với <đối tượng>

Thẻ nào phù hợp / tốt nhất để sử dụng trong tệp HTML của tôi khi tôi muốn hiển thị trình xem Adobe PDF?

Ngay bây giờ tôi đang sử dụng mã bên dưới, nhưng có những tác dụng phụ kỳ lạ (ví dụ: nó dường như đánh cắp trọng tâm bắt đầu mà tôi đã đặt sang một <input>hộp văn bản khác ; nó dường như không chơi tốt với lớp có thể thay đổi jQueryUI; Vân vân.)

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

Tôi thậm chí có thể làm điều tương tự với <object>thẻ? Có những lợi thế / bất lợi khi sử dụng một thẻ so với thẻ kia?

ĐỐI TƯỢNG so với EMBED - tại sao không luôn luôn sử dụng nhúng?

Điểm mấu chốt: ĐỐI TƯỢNG là tốt, EMBED là cũ. Bên cạnh các thẻ PARAM của IE, mọi nội dung giữa các thẻ OBRI sẽ được hiển thị nếu trình duyệt không hỗ trợ plugin được giới thiệu của OBOG và rõ ràng, nội dung được http yêu cầu bất kể nó có được hiển thị hay không.

objectlà thẻ tiêu chuẩn hiện tại để nhúng một cái gì đó trên một trang. embedđã được Netscape (cùng img) đưa vào trước khi mọi thứ giống như objecttrong tâm trí w3c .

Đây là cách bạn bao gồm một tệp PDF vớiobject :

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

Nếu bạn thực sự cần PDF nội tuyến để hiển thị trong hầu hết mọi trình duyệt, vì các trình duyệt cũ hơn hiểu embednhưng không object, bạn sẽ cần phải làm điều này:

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

Phiên bản này không xác nhận .

Một số tùy chọn khác:

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

Bạn cũng có thể sử dụng phương thức iframe, mặc dù điều này không tương thích với trình duyệt chéo (ví dụ: không hoạt động trong crom hoặc android và có thể là các phương thức khác -> thay vào đó nhắc nhở để tải xuống). Nó hoạt động với URLURL và URL thông thường, không chắc các ví dụ khác có hoạt động với dataURLS không (vui lòng cho tôi biết nếu các ví dụ khác hoạt động với dataURLS?)

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

Có lẽ giải pháp trình duyệt chéo tốt nhất để hiển thị pdf trên các trang web là sử dụng mã dự án Mozilla PDF.js, nó có thể được chạy dưới dạng dịch vụ node.js và được sử dụng như sau

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

Hướng dẫn về cách sử dụng pdf.js có thể được tìm thấy tại bài viết blog ejectamenta này

Nhúng không phải là một thẻ tiêu chuẩn, mặc dù đối tượng là. Đây là một bài viết có vẻ như nó sẽ giúp bạn, vì có vẻ như tình hình không đơn giản như vậy. Một ví dụ cho PDF được bao gồm.