用户指南 取消(C)

将内容导出为 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 文档中使用的字体,并将其放置在包的 fonts 文件夹中。否则,您可能需要手动复制字体并将其放入该文件夹中。 
  • 如果在放置字体后问题仍然存在,请与客户支持团队联系。
注意:

在网站上使用字体必须符合字体许可条款。网站的自托管字体可能需要单独的许可证。

HTML5 包与 HTML(旧版)之间的区别

HTML5 包从一开始的目标就是在输出 HTML5 中模仿 InDesign 文件的布局。另一方面,HTML(旧版)是一种从 InDesign 文件自下而上创建 HTML 的方法,它与原始文件的布局相似性有限。

已知问题

  • 文本的投影、模糊等效果无法正确导出。

解决方法:选择 HTML SVG 标记而不是 HTML 文本标记来导出文本。

更多此类内容

有疑问或想法?

咨询社区

如果要提出疑问或分享构思,请加入 Adobe InDesign 社区。我们很乐意倾听您的心声并欣赏您的创意作品。

更快、更轻松地获得帮助

新用户?