jsonecho

HTML Formatter

Spring rommelige of geminificeerde HTML in zodat de structuur duidelijk is.

De tool wordt geladen...

Zo gebruik je HTML Formatter

  1. Plak je HTML.
  2. Kies de inspringing.
  3. Kopieer het geformatteerde resultaat.

Over HTML Formatter

De HTML van een pagina kopiëren uit de ontwikkelaarstools of uit een e-mailsjabloon levert vaak één eindeloze regel op. De formatter zet blokelementen op hun eigen regel en springt onderliggende elementen in onder hun ouders. Inline-elementen zoals <b> en <a> blijven in de tekststroom.

Inhoud in <pre>, <textarea> en <code> wordt niet aangeraakt, omdat witruimte daar telt. Ingesloten stijlen en scripts worden ook geformatteerd.

Veelgestelde vragen

Verandert formatteren hoe de pagina wordt weergegeven?

Meestal niet. HTML behandelt de meeste witruimte als één spatie. Op enkele plekken, zoals tussen inline-elementen, kan een regeleinde een zichtbare spatie toevoegen, dus controleer pagina's die daar gevoelig voor zijn.

Herstelt het mijn ongeldige HTML?

Nee, het formatteert wat het krijgt. Gebruik de HTML Validator om niet-gesloten tags te vinden.

Formatteert het inline CSS en JavaScript?

Ja, style- en scriptblokken worden samen met de rest van het document ingesprongen.

Wat met HTML-e-mailsjablonen?

Ze werken, maar bedenk dat e-mailclients kieskeurig zijn. Formatteer een kopie om te lezen en bewaar het origineel om te versturen.

Meer in HTML-tools

Alle tools →