將內容轉存為 HTML5

上次更新時間 2026年8月7日

了解如何在 Adobe InDesign 中，將頁面、跨頁或選取的物件匯出為 HTML5 格式類型。

將 InDesign 文件匯出為 HTML5 可確保跨平台相容性，並支援豐富的互動式內容、增強使用者參與、改善存取權、提升 SEO 和加快網頁效能。您也可以控制文字的匯出方式以供網頁使用。

選取「檔案 > 轉存」。

從「另存新檔類型」(Windows) 或「格式」(macOS)，選取「HTML5」。

選取「使用 InDesign 文件名稱做為輸出的檔案名稱」以保有相同的檔案名稱，然後選取「儲存」。

在「匯出 HTML5 套件」對話框中，選取「HTML 文字標籤」或「HTML SVG 標籤」。

選取「複製字型 (除了從 Adobe Fonts 新增的字型外)」選項以包含字型。

選取「匯出」選項以產生 HTML5 套件。

解決 HTML5 轉譯問題的快速修正

如果您使用「HTML 文字標籤」選項，請務必在轉存時選取「複製字型」選項。
如果您已選取「複製字型」選項，請檢查是否仍因遺失字型而造成此問題。請嘗試使用「HTML SVG 標籤」選項來確認是否為字型問題。
如果確實是字型問題，且您的「HTML SVG 標籤」選項看來相當良好，請檢查您在 InDesign 文件中使用的字型是否已轉存並放置在套件的字型資料夾中。如果沒有，您可能需要手動複製字型並將其放入資料夾。
如果放入字型後，問題仍然存在，請聯絡客戶支援團隊。

備註

在網站上使用字型必須遵循您的字型授權條款。為網站自行管理字型可能需要個別授權。
由於字型設計公司施加的限制，某些字型可能無法複製到套件檔案夾。如需進一步諮詢，請聯絡 sharewithID@adobe.com。

HTML5 套件與 HTML (Legacy) 之間的差異

HTML5 套件旨在從一開始就在輸出的 HTML5 中模擬 InDesign 檔案版面。另一方面，HTML (Legacy) 則是由下而上，從 InDesign 檔案建立 HTML 的方法，且其版面與原始檔案的相似性也有限。

HTML5 匯出的指令碼支援

除了 InDesign 應用程式 UI 外，此功能現在還支援使用 VBScript、ExtendScript 和 AppleScript 將文件匯出為 HTML5。這些指令碼環境觸發與HTML5匯出選項相同的匯出操作。這讓團隊能夠在 Windows、macOS 或跨平台工作流程中自動化 HTML5 輸出。

InDesign 不包含或提供任何指令碼。您可以建立自己的指令碼來使用此工作流程。

已知問題

未正確轉存文字的陰影、模糊等效果。

因應措施：轉存文字時選取「HTML SVG 標籤」，而非「HTML 文字標籤」。

使用 InDesign 製作印刷與數位素材
設計吸引目光的廣告、雜誌與書籍版面，還能完成更多創意設計。

開啟應用程式

上一步

HTML 轉存選項

HTML5 匯出選項

學習

直接利用應用程式提供的逐步教學影片和實作指導學習。

社群

加入討論、尋找解答、向專家學習並分享您的知識。

Adobe 首頁

存取您最愛的 Creative Cloud 應用程式、服務、檔案管理等。