Top
PDFelement
應用程式名稱
在 AppStore 應用程式中開啟
在 Google Play 應用程式中開啟
開啟 開啟

如何通過 2 種方法在 HTML 中插入 PDF

author name

2022-12-30 15:04:17 • 分類: 關於PDF 檔案的知識 • 經過驗證的解決方案

你是否想知道如何在 HTML 中加入 PDF?有時候,你可能希望 在 HTML 文件或代碼中插入 PDF ,從而對內容引入一定程度的交互性。不幸的是,這並不像聽起來那樣簡單,因為這兩種格式彼此極為不同。在你學習如何在 HTML 代碼中添加 PDF 檔案之前,你必須能夠使用 PDF 軟體或替代工具進行檔案轉換。由於 PDF 是靜態佈局,因此它與響應性更強的 HTML 格式不相容。這就是你需要轉換檔案以便能夠在 HTML 中插入 PDF 的原因。或者,你可以將 PDF HTML 代碼嵌入到網頁中,以使文件具有交互性。本文向你展示了幾種嵌入方法和一款軟體實用工具,它們可以在你嘗試將 PDF 添加到 HTML 時為你節省大量時間和省去很多麻煩。

如何使用 HTML 標籤將 PDF 附件添加到 HTML

有多種方法可以將 PDF HTML 代碼附加到或嵌入到網頁中。不幸的是,並非所有瀏覽器都支持 PDF,這意味著你需要包含一條錯誤消息和一種供用戶下載文件的方法。本文給出了幾個 HTML 標籤,可以滿足你的要求。

如何使用 <embed>HTML 標籤在 HTML 中插入 PDF

PDF 文件的嵌入代碼用於插入網頁的 HTML 代碼,它可能看上去像是這樣:

<embed src="/pdf-templates/valentines-day-card-1.pdf" type="application/pdf" width="100%" height="100%">

此代碼的變體使你能夠從源 PDF 檔案中“拉出”(字面意義)一個頁面或一組頁面,並將其顯示為常規網頁上的交互式內容。這種方法的優點是內容僅被嵌入到或附加到 HTML。這不是完美的方法,但在緊要關頭,這種方法可以派上用場。

如何使用 HTML 標籤在 HTML 代碼中添加<object>PDF 檔案

與上述類似的方法是使用<object>標籤將交互式 PDF 附加到網頁。此標籤還可用於 Flash 內容、多媒體嵌入等等。

你的語法應當看起來像是這樣:

後備內容示例:此瀏覽器不支持 PDF。請下載 PDF 進行查看:下載 PDF。

你的後備內容將允許用戶下載 PDF 並在不同的實用工具中查看,以防他們的瀏覽器不支持 PDF 查看。


如何使用 PDF 編輯器在 HTML 中插入 PDF

正如開頭所述,更好的方法是首先將 PDF 轉換為同等 HTML 檔案。然後,你可以在適當的地方將代碼直接粘貼到 HTML 代碼中。這樣做的好處是 PDF 內容變得真正具有交互性,因為它們現在是響應性代碼的形式,而不是靜態 PDF 數據。下面是使用 PDFelement 將 PDF 添加到 HTML 的步驟:

第1步。打開要轉換為 HTML 的 PDF 檔案。你只需將檔案拖放到該軟體視窗即可導入。

如何在 html 中放置 pdf

第2步。當你點擊“轉換”選項卡時,你會看到一整套轉換選項:選擇“H”圖標,意思是“將你的 PDF 轉換為 HTML 檔案”。

如何在 html 中添加 pdf 檔案

第3步。設置你需要的任何其它參數,例如頁面範圍,並保存轉換後的 HTML 檔案。

如何在 html 中插入 pdf

第4步。你現在可以復制轉換後的 HTML 代碼並將其粘貼到網頁代碼的合適部分

這種方法最有效的原因是 PDF 文件作為 HTML 代碼被有機地的插入,而不是作為嵌入對象。這意味著以比其它選項更具吸引力的方式呈現互動元素。

PDFelement 功能亮點

  • 專業級 PDF 編輯:編輯 PDF 文件的任何組件,包括文字、圖像、對象、連結、多媒體附件、水印、背景、頁腳、頁眉等等。
  • 高級註釋工具:在用戶易於導覽的直觀界面中為你提供了一套全面的註釋工具。
  • 準確的 PDF 轉換:無論你是從其它文件建立 PDF 還是將 PDF 轉換為 HTML 和其它格式,轉換都將比大多數其它轉換引擎更加準確和快速。
  • 強大的 PDF 保護:對你的 PDF 工作流程快速應用密碼和限制,並保護你的機密數據。
  • 填寫和簽章:表單填寫變得超級簡單,你甚至可以建立自定義交互式表單或將靜態表單轉換為可填寫表單。添加你的電子簽章,以使任何文件具有法律約束力。
  • 批處理和高級工具:進行批量轉換和加密,甚至對掃描的 PDF 進行批量 OCR,以使它們可編輯和可索引,從而用於存檔。
  • 通過電子郵件和電話提供出色的客戶支持; 積極響應和訓練有素的管理人員。

PDFelement 不僅會為你節省了大量時間,還會為你的網頁訪問者提供了豐富的交互式內容,而不是死板的靜態 PDF 內容。它整體上提供了更好的用戶體驗,這就是為什麼 PDFelement 是在 HTML 中插入 PDF 的推薦軟體。

免費下載立即購買 PDFelement!

免費下載立即購買 PDFelement!

立即購買 PDFelement!

立即購買 PDFelement!


author name

Quintela

staff 編輯

首頁 > 關於PDF 檔案的知識 > 如何通過 2 種方法在 HTML 中插入 PDF