Online HTML-verfraaier en formatter

Maak uw HTML leesbaar of compact

Werkt u met HTML die moeilijk te lezen is omdat alles op één regel staat? Of wilt u een kleinere broncode voor snellere overdracht? Deze tool biedt beide mogelijkheden.

Probleem en oplossing

Stel, u heeft deze HTML:

<div><p>Hallo wereld</p></div>

Met Beautify wordt dit:

<div>
  <p>
    Hallo wereld
  </p>
</div>

Met Minify wordt dit:

<div><p>Hallo wereld</p></div>

U kiest zelf de inspringing: twee spaties, vier spaties of tabs.

Hoe werkt het?

De tool gebruikt tag-patroonherkenning. Het behandelt br, hr, img, input, link en meta als void-tags. Voor andere elementen zoals script, style of pre kan de opmaak onjuist zijn. Alles gebeurt lokaal in uw browser; uw code wordt niet verzonden.

Beperkingen

De tool valideert geen HTML, herstelt geen fouten en voert geen scripts uit. Het is geen productie-veilige minifier. Controleer en test het resultaat altijd.

Veelgestelde vragen

Wat is het verschil tussen Beautify en Minify?

Beautify voegt regels en inspringing toe om de code leesbaar te maken. Minify verwijdert overbodige witruimte en commentaar om de code kleiner te maken.

Waarom wordt mijn pre-blok niet goed opgemaakt?

De tool gebruikt geen HTML-parser en herkent pre niet als speciaal element. Daardoor kan witruimte binnen pre worden gewijzigd. Gebruik voor dergelijke gevallen een gespecialiseerde formatter.

Kan ik de uitvoer direct gebruiken?

Voor eenvoudige HTML is dat meestal wel, maar controleer altijd of de structuur correct is. Voor productie raden we aan om een gevalideerde tool te gebruiken.

Controlelijst

• Plak uw HTML (max 500.000 tekens).
• Kies inspringing: 2 spaties, 4 spaties of tabs.
• Kies Beautify of Minify.
• Controleer het resultaat op onjuiste inspringing of verloren witruimte.
• Kopieer de uitvoer.