使用手冊 取消

將內容轉存為 HTML5

了解如何將頁面、跨頁或選取的物件轉存為 HTML5 格式類型。

將 InDesign 文件轉存為 HTML5,以確保跨平台相容性,並支援豐富的互動式內容、增強使用者參與和可及性。如此也能提升 SEO 和網頁效能。當您將內容轉存為 HTML5 時,可控制轉存文字的方法。

轉存 HTML5 套件

  1. 選取「檔案 > 轉存」。

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

  3. 如果您想要相同的檔案名稱,請選取「使用 InDesign 文件名稱做為輸出的檔案名稱」,然後選取「儲存」。

  4. 在「轉存 HTML5 套件」對話框中,根據您的需求選取「HTML 文字標籤」或「HTML SVG 標籤」。若要複製字型,請選取「 複製字型 (除了從 Adobe Fonts 啟動的字型外) 」。 這包括 CJK 字型。

    轉存 HTML5 套件對話框
    您現在可以將您的 InDesign 文件匯出為 HTML5 套件。

  5. 選取「轉存」。

HTML5 轉存:從「Publish Online」對話框套用的主要屬性

標題

會使用此值命名匯出的資料夾。

描述

未轉存。

頁面

在「Publish Online」對話框中定義。如果直接從「檔案 > 轉存 > HTML5」轉存,則所有頁面都會包含在內。

轉存為

  • 單一:每個頁面都會轉存為個別 HTML 檔案,且每個檔案都會連結到主要的 index.html。
  • 跨頁:每個跨頁都會轉存為單一 HTML 檔案,且每個檔案都會連結到主要的 index.html。

啟用密碼保護

不適用。

封面縮圖

縮圖包含在 HTML5 套件中。

影像設定

會套用「Publish Online」對話框中的設定。

下載 PDF 設定

不適用。

更多設定

不適用。

Google Analytics

如果「Publish Online」對話框中包含 Google Analytics 標籤,則會新增至 HTML5 轉存中的 index.html 檔案。在您的網站上管理頁面時,請務必視需要透過 Cookie 橫幅取得使用者同意。

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

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

在網站上使用字型必須遵循您的字型授權條款。為網站自行管理字型可能需要個別授權。

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

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

已知問題

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

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

更多相關資訊

有任何疑問或意見嗎?

諮詢社群

如果您有要詢問的問題或要分享的想法,請加入 Adobe InDesign 社群。我們很樂意聽取您的意見及看到您的創作。

更快、更輕鬆地獲得協助

新的使用者?