So funktioniert’s
- Fügen Sie Ihren HTML-Code in das Eingabefeld ein.
- Wählen Sie unter „Modus“ entweder „Einrücken“ oder „Minifizieren“.
- Wählen Sie für „Einrücken“ unter „Einrückung“ zum Beispiel „2 Leerzeichen“.
- Klicken Sie auf „HTML formatieren“ bzw. „HTML minifizieren“ oder drücken Sie Strg+Enter unter Windows oder Cmd+Enter auf dem Mac. Danach wird das Ergebnis bei Eingaben bis 100 KB beim Tippen automatisch aktualisiert.
Beispiele
Attribute eines Formularfelds umbrechen
<form action="/kontakt" method="post"><label for="email">E-Mail-Adresse</label><input type="email" id="email" name="email" placeholder="name@beispiel.de" autocomplete="email" required></form>
<form action="/kontakt"
method="post"><label for="email">E-Mail-Adresse</label><input type="email"
id="email"
name="email"
placeholder="name@beispiel.de"
autocomplete="email"
required></form>Shopseite mit Tabulatoren einrücken
<!doctype html><html lang="de"><head><meta charset="utf-8"><title>Hofladen Weber</title><style>body{font-family:sans-serif}.preis{color:#285430;font-weight:bold}</style></head><body><h1>Apfelsaft aus der Region</h1><p class="preis">3,50 € pro Flasche</p></body></html><!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Hofladen Weber</title>
<style>
body {
font-family: sans-serif
}
.preis {
color: #285430;
font-weight: bold
}
</style>
</head>
<body>
<h1>Apfelsaft aus der Region</h1>
<p class="preis">3,50 € pro Flasche</p>
</body>
</html>
Newsletter mit Outlook-Kommentar minifizieren
<!-- Newsletter März --> <table role="presentation"> <tr><td>Unsere Angebote im März</td></tr> </table> <!--[if mso]><p>Ansicht für Outlook</p><![endif]-->
<table role="presentation"><tr><td>Unsere Angebote im März</td></tr></table><!--[if mso]><p>Ansicht für Outlook</p><![endif]-->
Häufige Fragen
Wird mein HTML-Code auf einen Server hochgeladen?
Formatierung und Minifizierung laufen im Browser; der HTML-Code wird dabei nicht an einen Server gesendet. Im Formatter wird er nur als Text angezeigt, sodass enthaltene Bilder nicht geladen und Skripte nicht ausgeführt werden.
Prüft der HTML Formatter auch Fehler im Code?
Er meldet nicht geschlossene Tags, schließende Tags ohne passenden öffnenden Tag und doppelte Attribute mit Zeilennummern. Die Hinweise verhindern die Ausgabe nicht; klicken Sie auf einen Hinweis, um zur betroffenen Eingabezeile zu springen. Eine vollständige HTML-Prüfung ist das nicht.
Bleiben Leerzeichen in pre und textarea erhalten?
Der Inhalt von pre- und textarea-Elementen bleibt beim Einrücken und beim Minifizieren unverändert.
Warum lässt sich mein HTML mit JavaScript nicht minifizieren?
Kann eingebettetes JavaScript nicht minifiziert werden, zeigt die Fehlermeldung die betroffene Eingabezeile an. Korrigieren Sie das Skript oder deaktivieren Sie „Eingebettetes CSS & JS minifizieren“. Bei diesem Fehler wird die Ausgabe nicht aktualisiert.
Welche Dateien kann ich zum Formatieren verwenden?
Akzeptiert werden .html, .htm, .xhtml, .xml, .svg, .vue und .txt. Dateien über 10 MB werden abgewiesen.