PRAKTISCHE RATGEBER · Web und Codes
Leerzeichen und Einrückung in HTML
Erfahre, welche Leerzeichen die Darstellung ändern können und was du nach dem Formatieren von HTML prüfen solltest.
Von Puffinmint · Aktualisiert am
Warum Leerzeichen zwischen Tags wichtig sind
Einrückungen erleichtern das Lesen, doch Textknoten gehören zum Dokument. Leerzeichen zwischen Inline-Elementen können Wörter oder Bilder trennen und dürfen nicht pauschal verschwinden.
Eine Kopie unter Erhalt des Texts formatieren
Formatiere eine HTML-Kopie. Attribute sowie pre-, script-, style-, textarea- und title-Blöcke bleiben erhalten; Leerraum zwischen Blöcken wird angepasst. JSX wird nicht umgewandelt und das Dokument nicht validiert.
-
Eingabe
<div><p>A <strong>B</strong> C</p></div> -
Rechenschritte
Methode wählen und anwenden
-
Ergebnis
<div> <p>A <strong>B</strong> C</p> </div>
DIESEN SCHRITT AUSPROBIEREN
HTML Formatter online
Arbeiten Sie direkt in dieser Anleitung: Beispiel laden, Werkzeug starten und Eingaben ändern, um Ergebnisse zu vergleichen. Der zweite Versuch prüft einen anderen Fall.
Ein nachvollziehbares Beispiel
In einem Satz mit strong trennen die umgebenden Leerzeichen Wörter. Erhalte sie. Innerhalb von pre müssen Zeilenumbrüche und führende Leerzeichen unverändert bleiben, auch bei eingerücktem Außencontainer.
Ein geschütztes Leerzeichen erhalten
Das zweite Beispiel enthält U+00A0 zwischen zwei div-Elementen. Formatieren und kopieren Sie das Ergebnis: Das Zeichen muss erhalten bleiben. Es gibt keine HTML-Vorschau und keine Skriptausführung.
Ergebnis
Gib die Werte ein, um das Ergebnis zu sehen.
Inline-Leerzeichen und pre-Inhalt
In einem Satz mit strong trennen die umgebenden Leerzeichen Wörter. Erhalte sie. Innerhalb von pre müssen Zeilenumbrüche und führende Leerzeichen unverändert bleiben, auch bei eingerücktem Außencontainer.
Anwendungsbeispiel
- Eingabe
<div><p>A <strong>B</strong> C</p></div>- Ergebnis
<div> <p>A <strong>B</strong> C</p> </div>
Den Quelltext im Projekt prüfen
Prüfe das Ergebnis mit Projekt-CSS, besonders white-space, und Template-Tests. Formatierung beweist keine korrekte Tag-Verschachtelung. Das Werkzeug zeigt Quelltext an und führt weder HTML noch Skripte aus.
Dies sind Beispielwerte, keine Messungen eines realen Falls. Die Berechnung verwendet denselben Rechenkern wie das vollständige Werkzeug. Vergleichen Sie das Ergebnis mit den Rechenschritten und haken Sie die Prüfungen danach ab.
| Parameter | Wert |
|---|---|
| Welche Grenzen hat dieses Werkzeug? | Bis 100.000 Zeichen und 10.000 Token. Nur HTML, ohne Validierung oder JSX. Block-Leerraum kann sich ändern. |
| Verarbeitung und Datenschutz | Eingaben und Ergebnisse werden im Browser verarbeitet und nicht an den Server gesendet. Aggregierte Statistiken erfassen, falls aktiviert, nur Werkzeug und Ergebnisstatus, keine Inhalte. |