HTML-formatter
Formatteer HTML-fragmenten met deze HTML-formatter. Plak markup en de tool plaatst blokelementen zoals div, section, p, ul en table op eigen regels met een inspringing van twee spaties, voegt losse witruimte in inline-inhoud samen, formatteert inline CSS en JavaScript, en laat de inhoud van pre en textarea onaangeroerd. Ideaal voor webontwikkelaars en ontwerpers die geplakte, gegenereerde of geminificeerde markup opruimen om die te lezen en te beoordelen.
Veelgestelde vragen
Hoe bepaalt de HTML-formatter waar regels worden afgebroken?
Een element met blokelementen als kinderen, zoals div, section, article, header, footer, nav, main, form, p, h1 tot h6, ul, ol, table of blockquote, wordt uitgevouwen zodat elk kind op een eigen regel staat, met een inspringing van twee spaties. Elementen zonder blokelementen als kinderen blijven op één regel.
Waarom wordt mijn volledige HTML-document op één regel teruggegeven?
De elementen html, head en body gelden volgens de regels van de formatter niet als blokelementen, dus een document dat daarin is verpakt blijft inline, afgezien van de doctype. Plak de inhoud binnen body, of het fragment waaraan je werkt, om het te laten uitvouwen.
Wat gebeurt er met witruimte?
Binnen inline-inhoud worden reeksen spaties, tabs en regeleinden samengevoegd tot één spatie, zoals browsers ze weergeven. De witruimte in pre- en textarea-elementen blijft precies behouden.
Worden inline-scripts en -stijlen geformatteerd?
Ja, style-blokken worden geformatteerd als CSS en script-blokken als JavaScript, of als JSON voor JSON- en JSON-LD-typen. Scripts met andere typen, zoals tekstsjablonen, blijven precies zoals ze zijn geschreven.
Hoe worden void-elementen geschreven?
Zelfsluitende tags zoals <br/> worden geschreven met een spatie vóór de slash, als <br />. Void-elementen zonder slash, zoals <img src="a.png">, behouden hun oorspronkelijke vorm.
Worden attributen gewijzigd?
Nee, attributen, hun aanhalingstekens en hun volgorde blijven precies zoals ze zijn geschreven. Alleen de witruimte tussen elementen wordt herschikt.
Blijven opmerkingen behouden?
Ja, HTML-opmerkingen en de doctype blijven behouden en worden op eigen regels geplaatst. Hun inhoud wordt precies overgenomen, inclusief uitgecommentarieerde markup.
Herstelt de formatter ongeldige HTML?
Nee, de formatter valideert of herstelt geen markup. Niet-afgesloten tags worden zo goed mogelijk geformatteerd; voer een validator uit als je structurele fouten wilt opsporen.
Waarom staat het resultaat in een html-codeblok?
Het resultaat wordt teruggegeven als een Markdown-codeblok met de markering html, zodat het met syntaxkleuren wordt weergegeven in Markdown. Kopieer de regels tussen de afbakeningen wanneer je ze in een .html-bestand plakt.
Hoeveel HTML kan ik formatteren?
Maximaal 5 MB per uitvoering; grotere invoer wordt met een melding geweigerd. De uitvoer is identiek aan de HTML-optie van de Code Formatter.