Select File > Export.
- InDesign User Guide
- Get to know InDesign
- Introduction to InDesign
- Workspace
- Generative AI (Not available in mainland China)
- Introduction to InDesign
- Create and layout documents
- Documents and pages
- Create documents
- Work with parent pages
- Work with document pages
- Set page size, margins, and bleed
- Work with files and templates
- Convert PDFs to InDesign files in InDesign (Beta)
- Create book files
- Add basic page numbering
- Number pages, chapters, and sections
- Convert QuarkXPress and PageMaker documents
- Share content
- Understand a basic managed-file workflow
- Save documents
- Grids
- Layout aids
- Documents and pages
- Add content
- Text
- Add text to frames
- Threading text
- South-East Asian Scripts
- Arabic and Hebrew features in InDesign
- Create type on a path
- Bullets and numbering
- Insert MathML to create math expressions
- Glyphs and special characters
- Text composition
- Text variables
- Generate QR codes
- Edit text
- Align text
- Wrap text around objects
- Anchored objects
- Linked content
- Format paragraphs
- Format characters
- Typography
- Format text
- Review text
- Spell check and language dictionaries
- Add references
- Styles
- Tables
- Interactivity
- Graphics
- Color and transparency
- Text
- Find and replace
- Share
- Export, import, and publish
- Place, export, and publish
- Publish online
- Publish online dashboard
- Copy, insert graphics
- Export to Adobe Express
- Export content for EPUB
- Adobe PDF options
- Export to HTML5
- Export content to HTML (Legacy)
- Export to Adobe PDF
- Export to JPEG format
- Import SVG files
- DPS and AEM Mobile overview
- Supported File Formats
- Export and import User Settings
- Printing
- Place, export, and publish
- Extend InDesign
- Automation
- Troubleshooting
Learn to export a page, spread, or selected object to HTML5 format type.
Export an InDesign document to HTML5 to ensure cross-platform compatibility and support rich interactive content, enhanced user engagement, and accessibility. It also improves SEO and web page performance. When you export content to HTML5, you can control how text is exported.
Export HTML5 Package
-
-
Select HTML5 from Save as type (Windows) or Format (macOS).
-
Select Use InDesign Document Name as the Output Filename if you want the same file name, and select Save.
-
Select HTML text tags or HTML SVG tags as per your requirement in the Export HTML5 Package dialog.
-
Select Export.
HTML5 Export: Key properties applied from the Publish Online dialog
Title |
This value will be used to name the exported folder. |
Description |
Not exported. |
Pages |
Defined in the Publish Online dialog. All the pages will be included if exporting directly from File > Export > HTML5. |
Export as |
|
Enable Password Protection |
Not applicable. |
Cover Thumbnail |
Thumbnails are included in the HTML5 package. |
Image Settings |
Settings from the Publish Online dialog will be applied. |
Download PDF Settings |
Not applicable. |
More Settings |
Not applicable. |
Google Analytics |
If a Google Analytics tag is included in the Publish Online dialog, it will be added to the index.html file in the HTML5 export. When hosting the pages on your website, ensure you obtain user consent via a cookie banner if required. |
Quick fixes to resolve HTML5 rendering issues
- If you used the HTML text tags option, ensure to select the Copy Fonts option during export.
- If you selected the Copy Fonts option, check if the issue is still caused by a missing font. Try the HTML SVG tags option to confirm if it's a font problem.
- If it's indeed a font problem and your HTML SVG tags option looks great, check if the fonts you've used in the InDesign document are exported and placed in the fonts folder of the package. If they're not, you may have to copy and place the fonts in the folder manually.
- If, after placing the fonts, the issue still persist, please reach out to the Customer support team.
The use of fonts on a website must comply with the terms of your font license. Self-hosting fonts for a website may require a separate license.
Difference between HTML5 Package and HTML (Legacy)
The HTML5 Package aims to mimic the layout of the InDesign file in the output HTML5 from the start. On the other hand, HTML (Legacy) is a bottom-up approach to creating HTML from an InDesign file, and it has limited layout similarities with the original file.
Known issues
- Effects such as drop shadow, blur, etc. for text are not exported properly.
Workaround: Select HTML SVG tag instead of HTML text tags to export text.
More like this
Have a question or an idea?
If you have a question to ask or an idea to share, come and participate in Adobe InDesign Community. We would love to hear from you and see your creations.