NL

HTML formatter

Met deze HTML formatter plak je broncode en krijg je hem schoon ingesprongen terug, of teruggebracht tot het hoogst nodige. De code blijft in je browser, er wordt niets geüpload, en pre-blokken, scripts en attribuutwaarden blijven ongewijzigd.

Bron: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Bijgewerkt: .

Plak een volledig document of alleen een fragment (tot 500.000 tekens).

Je tekst blijft in je browser: hij wordt niet verstuurd, niet opgeslagen en niet in de adresbalk gezet.

Mijn toolboxJe invoer wordt alleen in deze browser opgeslagen.

Resultaat

Resultaat
<div class="kaart"> <h2>Titel</h2> <p>Een <strong>korte</strong> alinea met wat <em>nadruk</em>.</p> <ul> <li>Een</li> <li>Twee</li> </ul> <hr> </div>
Grootte
17 tags, 142 → 168 tekens.

Zo wordt het berekend

HTML formatteren: zo werkt het

  1. Plak de broncode in het veld: een heel document of alleen een fragment.
  2. Kies bij “Actie” Formatteren of Minimaliseren en stel zo nodig de inspringing in.
  3. Kopieer het resultaat en zet het terug in je editor.

Wat er bij het formatteren gebeurt

Wat er bij het minimaliseren gebeurt

Opeenvolgende spaties en regeleinden worden één spatie, commentaar vervalt (voorwaardelijk commentaar voor oude browsers blijft staan). Tussen blokelementen verdwijnt de witruimte helemaal, tussen inline-elementen blijft één spatie staan omdat die in de browser zichtbaar is. CSS in style wordt compacter gemaakt, JavaScript blijft onaangeroerd.

Eerlijke grenzen

Dit is geen volledige HTML-parser: foutieve code wordt niet gerepareerd, maar zo veel mogelijk ongewijzigd overgenomen en gemeld. Bij sjablonen met serversyntax zoals {% if %} of <?php ?> kan de inspringing er ongebruikelijk uitzien.

Veelgestelde vragen

Hoe kan ik HTML online formatteren?

Plak de broncode, kies “Formatteren” en kopieer het ingesprongen resultaat. Een account heb je niet nodig.

Wordt mijn HTML-code geüpload?

Nee. De verwerking gebeurt volledig in je browser; de code wordt niet verzonden en niet opgeslagen.

Hoe formatteer ik HTML in VS Code of Notepad++?

In VS Code werkt Shift+Alt+F, in Notepad++ helpt een opmaakplug-in. Deze tool is de snelle oplossing als je geen editor bij de hand hebt.

Verandert minimaliseren het uiterlijk van de pagina?

Normaal niet: meerdere spaties worden in de browser toch al één spatie. Uitzonderingen zijn pre-blokken, die ongewijzigd blijven.

Kan ik ook CSS en JavaScript formatteren?

Stijlen en scripts in de HTML springen in, maar worden niet herschreven. Voor losse CSS bestaat de CSS-minimaliseerder, voor JSON de JSON-formatter.

Bronnen en wettelijke basis

Bijgewerkt op: · Redactioneel beleid

Vergelijkbare tools