HTML formatieren, ohne Inhalt oder Attribute zu verlieren
HTML-Formatierung soll Markup lesbarer machen, ohne den Inhalt der Seite zu verändern. Ein guter Formatter ordnet Einrückungen, Zeilenumbrüche und verschachtelte Tags, behält aber Text, Attribute, Links und Struktur bei.
Nutze den HTML-Formatierer für Snippets, E-Mail-Templates oder kleine HTML-Blöcke, die schwer zu prüfen sind.
Was HTML-Formatierung verbessern soll
Formatierung kann verschachtelte Elemente sichtbar machen, lange Zeilen aufteilen und schließende Tags leichter zuordnen. Dadurch werden Fehler schneller erkennbar.
Der gerenderte Inhalt sollte gleich bleiben. Eine Überschrift bleibt dieselbe Überschrift. Ein Link bleibt derselbe Link. Ein Formularfeld behält seinen Namen.
Was erhalten bleiben muss
HTML enthält Bedeutung nicht nur im sichtbaren Text. Attribute steuern Verhalten, Barrierefreiheit und Gestaltung. Erhalten bleiben sollten besonders:
- href und src
- alt-Texte und aria-Attribute
- name und value in Formularen
- data-Attribute
- Klassen und IDs
- sichtbarer Text und Zeichensetzung
Ein fehlendes Attribut kann eine Seite brechen, auch wenn der Text unverändert aussieht.
Vorsicht bei Templates
HTML enthält oft Template-Syntax oder Framework-Attribute. Ausdrücke wie `{{ name }}` oder `v-if="ready"` dürfen nicht beschädigt werden. Sie sehen vielleicht ungewöhnlich aus, sind aber für das System wichtig.
Prüfe das formatierte HTML vor dem Veröffentlichen im Zielsystem. Nutze Markdown formatieren, wenn dein Ausgangstext Markdown ist.