HTML Formatter

Een HTML-formatter herschrijft HTML-opmaak met schone, consistente inspringing zodat de structuur van het document gemakkelijk te lezen is Plak een verkleinde pagina, een fragment dat uit een buildtool is gekopieerd, of handgeschreven opmaak met niet-overeenkomende tabbladen en spaties, en de formatter parseert de tagboom en drukt deze af met één inspringniveau per nestdiepte. De omgekeerde bewerking, minifying, verwijdert de onbeduidende witruimte tussen tags om het bestand te verkleinen voor productie zonder de manier te veranderen waarop de browser het weergeeft.

Ruwe HTML komt zelden in een staat die je kunt scannen Server templates zenden het uit op een enkele regel, bundelaars vouwen het in en geplakte fragmenten dragen de afstand die de gebruikte bron heeft Verfraaiing legt de nesting bloot zodat je het element dat je nodig hebt kunt vinden, een tag kunt zien die nooit is gesloten, of twee versies netjes kunt verspreiden Dit is het belangrijkst wanneer je een lay-out debugt, markup controleert op toegankelijkheid of de inhoud van iemand anders voor het eerst leest Een formatter verandert een wand van hoekhaken in een omtrek die je kunt volgen.

Een uitgewerkt voorbeeld laat zien wat deze gratis HTML-formatter doet met slordige invoer Plakken <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>, verfraaien en 2 spaties geselecteerd houden en op Opmaak klikken De online HTML-formatter sluit beide lijstitems en de alinea, plaatst elke li op zijn eigen ingesprongen regel en houdt <p>Hi <b>there</b><li>0___ op één regel omdat het korte inline-inhoud is. De uitvoercode 5, HTML-tags 5, waarschuwingen en HTML-tags 5.

Deze tool draait 100% in uw browser met een afhankelijkheid-vrije parser, dus niets dat u plakt wordt geüpload of gelogd, en het blijft offline werken zodra de pagina is geladen De parser is opzettelijk tolerant: het past dezelfde impliciete sluitingsregels toe die een browser gebruikt voor tags als li, p, td, en optie, dus real-world markup met weggelaten eindtags formatteert nog steeds correct Inhoud binnen script, stijl, pre, tekstgebied en titel wordt woordelijk gekopieerd, wat betekent dat uw JavaScript, CSS, en voorgeformatteerde tekst nooit opnieuw worden geïndentificeerd of gebroken.