选择文件 > 导出。
上次更新日期：
2025年1月22日
- InDesign 用户指南
- 了解 InDesign
- InDesign 简介
- 工作区
- 生成式 AI（在中国大陆不可用）
- InDesign 简介
- 创建文档和设置文档布局
- 添加内容
- 文本
- 排版规则
- 设置文本格式
- 审阅文本
- 拼写检查和语言词典
- 添加引用
- 样式
- 表
- 交互性
- 图形
- 颜色和透明度
- 查找和替换
- 共享
- 导入、导出和发布
- 扩展 InDesign
- 自动化
- 故障排除
了解如何将页面、跨页或所选对象导出为 HTML5 格式类型。
将 InDesign 文档导出为 HTML5，以确保跨平台兼容性并支持丰富的交互式内容、增强的用户参与度和可访问性。它还可以提高 SEO 和网页性能。将内容导出为 HTML5 时，可以控制文本的导出方式。
导出 HTML5 包
-
-
从保存为类型 (Windows) 或格式 (macOS) 中选择 HTML5。
-
如果您希望使用相同的文件名，则选择使用 InDesign 文档名称作为输出文件名，然后选择保存。
-
根据导出 HTML5 包对话框中的要求，选择 HTML 文本标记或 HTML SVG 标记。
-
选择导出。
HTML5 导出：从 Publish Online 对话框应用的关键属性
|
标题 |
此值将用于命名导出的文件夹。 |
|
说明 |
未导出。 |
|
页面 |
在 Publish Online 对话框中定义。如果直接从文件 > 导出 > HTML5 中导出，则会包括所有页面。 |
|
导出为 |
|
|
启用密码保护 |
不适用。 |
|
封面缩略图封面缩略图 |
缩略图包括在 HTML5 包中。 |
|
图像设置 |
将应用 Publish Online 对话框中的设置。 |
|
下载 PDF 设置下载 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 社区。我们很乐意倾听您的心声并欣赏您的创意作品。
