HTML Formatter - HTML Formatteren en Verschonen Online

Invoer

Modus:

Uitvoer

Wat is een HTML Formatter?

Een HTML-formatter (ook wel HTML-verschoner genoemd) neemt slecht ingesprongen of geminimaliseerde HTML en geeft een schone, correct ingesprongen versie terug. Het voegt regelafbrekingen toe na elke tag en springt geneste elementen in zodat de structuur direct leesbaar is.

Dit hulpmiddel heeft twee modi: Formatteren (verschonen) en Minimaliseren. Beide draaien volledig in uw browser; er worden geen gegevens naar een server gestuurd.

Hoe dit hulpmiddel te gebruiken

Kies modus

Selecteer Formatteren om HTML te verschonen met correcte inspringing, of Minimaliseren om onnodige witruimte en opmerkingen te verwijderen.

HTML plakken of uploaden

Plak uw HTML in de linker editor of gebruik Uploaden om een bestand te laden. Klik op Voorbeeld om een voorbeeld te proberen.

Resultaat kopiëren of downloaden

Het rechter paneel wordt automatisch bijgewerkt. Gebruik <strong>Kopiëren</strong> of <strong>Downloaden</strong> om het resultaat op te slaan. Probeer de HTML Escape tool om speciale tekens te escapen.

HTML Formateer Voorbeeld

Hieronder een compact HTML-fragment voor en na het formatteren:

Rauwe (ongeformateerde) HTML

Invoer

Geformateerde uitvoer

Uitvoer

Wanneer formattering belangrijk is

Geminimaliseerde of automatisch gegenereerde HTML kan moeilijk leesbaar zijn. Formattering voegt inspringing toe zodat u snel de nesting van elementen kunt zien.

De Minimaliseer modus doet het tegengestelde: het verwijdert witruimte en opmerkingen om de bestandsgrootte te verkleinen. Zie de HTML Minifier tool.

Veelgestelde vragen

Verandert formattering hoe de HTML wordt weergegeven?

Nee. Witruimte tussen blokelementen heeft geen visueel effect in browsers. Formattering beïnvloedt alleen de leesbaarheid van de broncode.

Worden mijn gegevens naar een server gestuurd?

Nee. Alle verwerking vindt plaats in uw browser.

Gerelateerde hulpmiddelen

Zie de HTML Living Standard en MDN HTML documentatie.