Có một số cách để bao gồm một tệp PDF trong tài liệu HTML của bạn:
- Sử dụng các thẻ và các thẻ, được coi là những cách lỗi thời, bởi vì chúng không được sử dụng.
- Sử dụng hoặc thẻ.
Cách dễ nhất để đặt PDF vào tài liệu HTML là sử dụng thẻ với thuộc tính HREF của nó. Bạn cần thêm URL hoặc liên kết tham chiếu của tệp PDF của bạn vào phần tử. Mã của bạn sẽ trông giống như sau.href attribute. You need to add the URL or the reference link of your PDF file to the element. Your code will look like the following.
Ví dụ về việc nhúng tệp PDF vào tài liệu HTML:
Title of the document
PDF Example
Open a PDF file example.
Kết quả
Ví dụ PDF
Mở ví dụ tệp PDF.
Một cách khác để thêm tệp PDF vào tài liệu HTML của bạn là sử dụng thẻ. Nó cho phép thiết lập chiều rộng và chiều cao ưa thích của bạn. Để có mã, hãy làm theo các bước đơn giản sau:
- Để chỉ định địa chỉ web của tệp PDF của bạn, hãy đặt nguồn. Cả hai thuộc tính được đề cập có thể được chỉ định bởi "PX", "cm", "VH" hoặc tỷ lệ phần trăm.source. Both of the mentioned properties can be specified by "px", "cm", "vh", or percentages.
- Để xác định kích thước của iframe, hãy đặt các thuộc tính chiều cao và chiều rộng:height and width attributes:
Mã hoàn chỉnh sẽ như thế này.
Ví dụ về việc thêm tệp PDF vào HTML bằng cách sử dụng thẻ:
Title of the document
PDF Example with iframe
Nếu bạn không muốn người dùng tải xuống tệp PDF của mình, hãy thêm #Toolbar = 0 sau URL của tài liệu PDF của bạn.#toolbar=0 after the URL of your PDF document.
Ví dụ về việc đặt một tệp PDF không thể tải trong HTML:
Title of the document
How to disable downloading of the PDF document
Google Drive.
Để tìm hiểu cách thêm các tệp PDF vào mã HTML, bạn cần biết cách chuyển đổi các tệp bằng phần mềm PDF, làm kiến thức điều kiện tiên quyết. Bố cục tĩnh PDF PDF làm cho nó không tương thích với thiết kế đáp ứng HTML. Để chèn PDF vào HTML, chúng ta phải chuyển đổi tệp trước. Một giải pháp thay thế là nhúng mã HTML PDF vào một trang web để làm cho nó tương tác. Các phương thức nhúng sau đây có thể được sử dụng để thêm PDF vào tệp HTML:
- Sử dụng thẻ đối tượng
- Sử dụng iframe
- Sử dụng thẻ nhúng
Chúng tôi sẽ khám phá và hiểu chi tiết các phương pháp này thông qua việc triển khai của họ.
Phương pháp 1: Sử dụng thẻ đối tượng
Thẻ đối tượng HTML là cách đầu tiên để nhúng các tệp PDF. Trong ví dụ dưới đây, tệp PDF sẽ được hiển thị trên trang web, là một đối tượng.
Ngoài việc nhúng tệp PDF vào trang web, thẻ đối tượng có thể nhúng activeX, flash, video, âm thanh và applet Java. Các tài liệu tương tác có thể được gắn vào một đối tượng được nhúng với thẻ HTML. Nó có thể được hiển thị theo nhu cầu của bạn trên màn hình bằng cách sử dụng các thuộc tính chiều cao và chiều rộng của đối tượng.
Ví dụ 1: Ví dụ này mô tả việc nhúng tệp PDF trong HTML bằng thẻ đối tượng.: This example describes the embedding of a PDF file in HTML using the Object Tag.
HTML
Output:
Sử dụng thẻ đối tượng
Phương pháp 2: Sử dụng iframe
Sử dụng thẻ iframe là cách thứ hai để nhúng tệp PDF vào trang web HTML. Trong phát triển web, các nhà phát triển web sử dụng thẻ iframe để nhúng các tệp ở các định dạng khác nhau và thậm chí các trang web khác trong một trang web. Do khả năng tương thích rộng, thẻ iframe được sử dụng rộng rãi để nhúng pdf. Trình duyệt không hỗ trợ các tài liệu PDF hoặc thẻ đối tượng cũng có thể sử dụng thẻ này để nhúng mã HTML PDF.
Ví dụ 2: Ví dụ này mô tả việc nhúng tệp PDF trong HTML bằng iframe.: This example describes the embedding of a PDF file in HTML using an iframe.
HTML
Output:
Sử dụng thẻ đối tượng
Phương pháp 2: Sử dụng iframe
Sử dụng thẻ iframe là cách thứ hai để nhúng tệp PDF vào trang web HTML. Trong phát triển web, các nhà phát triển web sử dụng thẻ iframe để nhúng các tệp ở các định dạng khác nhau và thậm chí các trang web khác trong một trang web. Do khả năng tương thích rộng, thẻ iframe được sử dụng rộng rãi để nhúng pdf. Trình duyệt không hỗ trợ các tài liệu PDF hoặc thẻ đối tượng cũng có thể sử dụng thẻ này để nhúng mã HTML PDF.
Ví dụ 2: Ví dụ này mô tả việc nhúng tệp PDF trong HTML bằng iframe.: This example describes the embedding of a PDF file in HTML using the embed tag.
HTML
Output:
Sử dụng thẻ đối tượng