Để nhúng tệp PDF vào trang web, bạn có thể sử dụng <iframe> và thêm đường dẫn đến tệp PDF của bạn dưới dạng giá trị nguồn:
<iframe src="path-to-your-file.pdf"></iframe>
Theo mặc định, iframe có đường viền mà bạn có thể xóa bằng frameborder thuộc tính:
<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>Bạn cũng có thể muốn thêm chiều rộng và chiều cao vào iframe của mình. Bạn có thể làm điều đó với một lớp CSS hoặc với kiểu nội tuyến.
Trong ví dụ dưới đây, tôi thêm width giá trị của 100% để iframe mở rộng đến bất kỳ chiều rộng nào của vùng chứa mẹ của bạn (đây là một phương pháp hay). Tôi cũng cung cấp cho nó một height giá trị của 50vh có nghĩa là iframe sẽ chiếm 50% chiều cao của bất kỳ màn hình nào bạn đang xem.
<iframe
src="path-to-your-file.pdf"
style="width:100%;height:50vh;"
frameborder="0"
></iframe>Thay đổi chiều rộng và chiều cao thành bất kỳ thứ gì bạn cần cho dự án của mình.