Användarhandbok Avbryt

Exportera innehåll som HTML5

Lär dig exportera en sida, ett uppslag eller ett markerat objekt till HTML5-format.

Exportera ett InDesign-dokument till HTML5 för att säkerställa plattformsoberoende kompatibilitet och stödja interaktivt, formaterat innehåll, ökat användarengagemang och tillgänglighet. Det förbättrar även sökmotoroptimeringen och webbsidans prestanda. När du exporterar innehåll till HTML5 kan du bestämma hur texten exporteras.

Exportera HTML5-paket

  1. Välj Arkiv > Exportera.

  2. Välj HTML5 i Spara som typ (Windows) eller Format (macOS).

  3. Välj Använd InDesign-filnamn som filnamn för utdata om du vill ha samma filnamn och välj Spara.

  4. Välj HTML-texttaggar eller HTML SVG-taggar enligt dina behov i dialogrutan Exportera HTML5-paket. Kopiera teckensnitt genom att välja  Kopiera teckensnitt (utom dem som aktiverats från Adobe Fonts) . Detta inkluderar CJK-fonter.

    Dialogrutan Exportera HTML5-paket
    Du kan nu exportera ditt InDesign-dokument som ett HTML5-paket.

  5. Välj Exportera.

HTML5-export: Viktiga egenskaper tillämpas från dialogrutan Publish Online 

Titel

Detta värde används som namn på den exporterade mappen.

Beskrivning

Exporteras inte.

Sidor

Definieras i dialogrutan Publish Online. Alla sidor tas med om du exporterar direkt från Arkiv > Exportera > HTML5.

Exportera som

  • En sida: Varje sida exporteras som en individuell HTML-fil, alla länkade till index.html.
  • Uppslag: Varje uppslag exporteras som en HTML-fil, länkad till index.html.

Aktivera lösenordsskydd

Inte aktuellt.

Omslagsminiatyrbild

Miniatyrbilder ingår i HTML5-paketet.

Bildinställningar

Inställningar från dialogrutan Publish Online kommer att användas.

Hämta PDF-inställningar

Inte aktuellt.

Fler inställningar

Inte aktuellt.

Google Analytics

Om en Google Analytics-tagg ingår i dialogrutan Publish Online kommer den att läggas till i filen index.html vid HTML5-exporten. När du lagrar sidorna på din webbplats måste du skaffa användarnas samtycke via en cookie-banner om så behövs.

Snabba sätt att lösa HTML5-renderingsproblem

  • Om du använde alternativet HTML-texttaggar måste du välja alternativet Kopiera teckensnitt vid exporten.
  • Om du valde alternativet Kopiera teckensnitt ska du kontrollera om problemet fortfarande orsakas av ett saknat teckensnitt. Testa alternativet HTML SVG-taggar för att bekräfta om det är ett teckensnittsproblem.
  • Om det verkligen är ett teckensnittsproblem och alternativet HTML SVG-taggar ser bra ut kan du kontrollera om de teckensnitt du har använt i InDesign-dokumentet exporteras och placeras i teckensnittsmappen i paketet. Om inte kan du behöva kopiera och placera teckensnitten i mappen själv. 
  • Kontakta kundsupportteamet om problemet kvarstår efter att du har infogat teckensnitten.
Obs!

Användningen av teckensnitt på en webbplats måste följa villkoren i teckensnittslicensen. Att lagra teckensnitt på den egna webbplatsen kan kräva en separat licens.

Skillnaden mellan HTML5-paket och HTML (äldre)

HTML5-paketet syftar till att efterlikna InDesign-filens layout direkt i HTML5-utdata. Å andra sidan är HTML (äldre) en nedifrån-och-upp-strategi för att skapa HTML från en InDesign-fil, och den har bara vissa likheter med layouten i originalfilen.

Kända fel

  • Effekter som skuggor, oskärpa, osv. i text exporteras inte korrekt.

Tillfällig lösning: Välj HTML SVG-tagg i stället för HTML-texttaggar för att exportera text.

Liknande innehåll

Har du en fråga eller idé?

Fråga vår community

Om du har frågor eller förslag är du välkommen att delta i Adobe InDesign-användarforumet. Vi vill gärna att du hör av dig och se dina alster.

Få hjälp snabbare och enklare

Ny användare?