HTML Formatter
Geminificeerde HTML uit een build, een stuk uit de broncode van een pagina of een fragment uit een e-mailtemplate: allemaal onleesbaar zolang alles op één regel staat. Deze tool zet elk element op een eigen regel en springt per nestniveau twee spaties in, zodat je in één oogopslag ziet welke div waar sluit. De tool controleert daarnaast of je invoer überhaupt te ontleden is en meldt het als dat niet lukt. Belangrijk om te weten wat hij níét doet: hij herschrijft je HTML niet, sluit geen vergeten tags voor je en verandert geen attributen — de inhoud blijft exact wat je erin stopt, alleen de witruimte verandert. Voor tekstinhoud binnen een element geldt dat witruimte in HTML betekenis kan hebben; controleer dus na het opmaken of een pre- of textarea-blok nog klopt. Alles gebeurt lokaal in je browser: je HTML gaat niet naar onze server, wordt niet gelogd en niet opgeslagen. Gratis en onbeperkt te gebruiken, ook zakelijk — geen account, geen licentie, geen limiet.
Waar je dit voor gebruikt
<div><p>Alles op één regel</p><span>lastig te lezen</span></div>Elk element op een eigen regel, twee spaties per niveauNiet te ontleden invoer → melding in plaats van stille onzin
Wat anderen van deze tool vinden
Nog geen beoordelingen voor deze tool. Die van jou is de eerste.
Werk je met Westcube?
Laat ook een review achter op GoogleVeelgestelde vragen
Repareert deze tool kapotte HTML?
Nee, en dat is bewust. De tool springt in en laat de rest met rust: hij sluit geen vergeten tags, verwijdert geen dubbele attributen en herordent niets. Zou hij dat wel doen, dan kreeg je HTML terug die anders is dan wat je erin stopte, en dan weet je niet meer of een probleem in je bron zat of door de tool is geïntroduceerd. Wat je wel merkt bij ontbrekende sluittags is dat de inspringing scheefloopt — precies op de plek waar de tag mist. Dat maakt het juist makkelijk te vinden.
Waarom staat mijn tekst na het opmaken anders?
In HTML is witruimte betekenisvol op sommige plekken. Binnen een pre-element en een textarea telt elke spatie en elke regelovergang mee; inspringen verandert daar dus de weergave. Ook tussen twee inline-elementen kan een toegevoegde regelovergang als spatie renderen. Voor gewone blokelementen maakt het niets uit. Werk je met een e-mailtemplate of een pre-blok, controleer dan na het opmaken of de weergave nog klopt voordat je het terugplakt.
Kan ik hier een hele pagina in plakken?
Ja. Wij leggen geen limiet op — geen maximum aantal tekens, geen dagcap, geen betaalde variant met meer ruimte. De enige grens is het werkgeheugen van je eigen browser. Bij een hele grote pagina kan het even duren, maar dat gebeurt op jouw machine en niet op onze server.
Wat is het verschil met een HTML-validator?
Deze tool maakt HTML leesbaar; een validator controleert of hij voldoet aan de specificatie. Een validator vertelt je dat een li buiten een ul staat, dat een alt-attribuut ontbreekt of dat een id twee keer voorkomt. Dat doet deze tool niet. Andersom vertelt een validator je niets over leesbaarheid. Ze vullen elkaar aan: eerst opmaken zodat je ziet wat er staat, dan valideren als je zeker wilt weten dat het klopt.