Ein HTML-Zei­len­um­bruch, auch HTML Line Break genannt, er­mög­licht harte Zei­len­um­brü­che, mit denen Sie eine neue Zeile ohne einen neuen Absatz beginnen. HTML-Zei­len­um­brü­che helfen bei der Struk­tu­rie­rung und For­ma­tie­rung von Texten und op­ti­mie­ren die Kon­sis­tenz von Text­struk­tu­ren über ver­schie­de­ne Browser hinweg.

Was ist ein HTML Line Break?

Harte Zei­len­um­brü­che in HTML, auch als HTML Line Break bekannt, sind spezielle HTML-Elemente, mit denen Sie in HTML-Do­ku­men­ten eine neue Zeile beginnen, ohne einen neuen Absatz zu erzeugen. Durch einen harten Zei­len­um­bruch erzwingen Sie eine neue Zeile und un­ter­bre­chen den Textfluss nach Bedarf. Hierzu nutzen Sie das HTML-<br>-Tag. Die Abkürzung „br“ steht für „break“, also Umbruch. Anstatt den Text bis zum Ende der Zeile laufen zu lassen, ver­schie­ben Sie ge­wünsch­te Inhalte mit HTML <br> in eine neue Zeile und behandeln den Text dennoch als zu­sam­men­hän­gen­den Absatz.

Das <br>-Tag wird von allen modernen Browsern un­ter­stützt, ist auch in HTML5 gültig und erfordert keine weiteren Attribute. Es handelt sich zudem um ein leeres Tag, das für eine korrekte Ver­wen­dung kein schlie­ßen­des </br>-Tag braucht. Das <br>-Tag kann am Ende und Anfang von Zeilen verwendet werden und sogar in Inline-Elementen wie <strong>, <span> oder <em> zur Anwendung kommen, um manuelle Zei­len­um­brü­che exakt zu plat­zie­ren.

Welchen Zweck erfüllt ein HTML-Zei­len­um­bruch?

Das HTML-<br>-Tag erfüllt ver­schie­de­ne Zwecke, je nach An­for­de­run­gen des je­wei­li­gen Textes und des er­for­der­li­chen Zei­len­um­bruchs. Der Line Break dient grund­sätz­lich als wichtiges Werkzeug, um Zei­len­um­brü­che in Texten zu handhaben und diese auch ohne auf­wän­di­ge­res CSS-Styling mit margin oder padding um­zu­set­zen.

Die Anwendung von HTML-Zei­len­um­brü­chen kann unter anderem folgende Zwecke erfüllen:

  • For­ma­tie­rung und Struk­tu­rie­rung von Texten: Der HTML Line Break er­mög­licht es, schnell und effizient Zei­len­um­brü­che in Texten zu plat­zie­ren, um für eine bessere Les­bar­keit, Text­struk­tur und Über­sicht­lich­keit zu sorgen.
  • Kom­pa­ti­ble und kon­sis­ten­te HTML-Texte: Durch harte Zei­len­um­brü­che mit HTML ge­währ­leis­ten Sie über ver­schie­de­ne Browser und Such­ma­schi­nen hinweg eine kon­sis­ten­te und un­ver­fälsch­te Dar­stel­lung von Texten. Das gilt auch für die Arbeit an HTML-Do­ku­men­ten mit mehreren Ent­wick­le­rin­nen und Ent­wick­lern. Da HTML ein we­sent­li­cher Be­stand­teil von Web­brow­sern ist, stellen Sie außerdem geräte- und platt­form­über­grei­fend eine gleich­blei­ben­de Text­struk­tur sicher.
  • Klar struk­tu­rier­te HTML-Semantik: Mit <br> si­gna­li­sie­ren Sie, an welcher Stelle ein HTML-Zei­len­um­bruch gewünscht ist, der keinen neuen Absatz einleitet. So op­ti­mie­ren Sie die Kohärenz von Text­kör­pern und beugen unklaren Pro­gram­mie­run­gen vor.
  • Einfach im­ple­men­tier­te Zei­len­um­brü­che: Die Anwendung von HTML <br> ist besonders einfach, da es hierfür keine zu­sätz­li­chen Attribute oder komplexen An­wei­sun­gen erfordert. So tragen Sie zu einer klaren und sauberen HTML-Struktur bei.
Domain kaufen
Re­gis­trie­ren Sie Ihre perfekte Domain
  • Inklusive 1 SSL-Wildcard-Zer­ti­fi­kat pro Vertrag
  • Inklusive Domain Lock
  • Inklusive Domain Connect für einfache DNS-Ein­rich­tung

Welche An­wen­dungs­be­rei­che gibt es für HTML Line Breaks?

Harte Zei­len­um­brü­che in HTML eignen sich unter anderem für folgende An­wen­dungs­be­rei­che und Si­tua­tio­nen:

  • Gedichte oder Songtexte: Mit <br> lassen sich Zei­len­um­brü­che festlegen, die für die Ver­ständ­lich­keit und die ori­gi­nal­ge­treue For­ma­tie­rung von Gedichten oder Lied­tex­ten un­ver­zicht­bar sind.
  • Adressen: Mit HTML-Zei­len­um­brü­chen lässt sich die korrekte For­ma­tie­rung von Adressen in mehreren zu­sam­men­ge­hö­ri­gen Zeilen ge­währ­leis­ten.
  • Kon­takt­da­ten: Ob Te­le­fon­num­mer, E-Mail-Adresse oder Website – mit <br> lassen sich wichtige Kon­takt­in­for­ma­tio­nen über­sicht­lich in ge­trenn­ten Zeilen dar­stel­len.
  • Tabellen und Text­lay­outs: Um in Ta­bel­len­zel­len oder im Fall von konkreten Lay­out­an­for­de­run­gen das ge­wünsch­te Text­for­mat zu gestalten, bietet sich <br> an.

Obwohl sich <br> für viel­fäl­ti­ge An­wen­dungs­mög­lich­kei­ten eignet, sollten HTML Line Breaks sparsam zur Anwendung kommen, um die se­man­ti­sche Kohärenz nicht zu be­ein­träch­ti­gen. Im Fall von komplexen Text­lay­outs stellt CSS-Styling oder auch das HTML-style-Tag unter Umständen die ge­eig­ne­te­re Wahl für die Dar­stel­lung von Text­ele­men­ten dar.

Web­hos­ting
Das beste Web­hos­ting zum Spit­zen­preis
  • 3x schneller und 60 % günstiger
  • Maximale Ver­füg­bar­keit mit > 99.99 %
  • Nur bei IONOS: Bis zu 500 GB Spei­cher­platz inklusive

Die Syntax von HTML-Zei­len­um­brü­chen erklärt

Bei HTML Line Breaks handelt es sich um leere <br>-Tags ohne weitere HTML-Attribute und ohne ein er­for­der­li­ches schlie­ßen­des Tag. Genau in dieser Ein­fach­heit der Syntax liegen die Vorteile von harten HTML-Zei­len­um­brü­chen. Die Syntax sieht wie folgt aus:

Dies ist die erste Zeile.<br>
Hier beginnt die nächste Zeile.
html

Der hierzu passende Output sieht wie folgt aus:

Bild: Beispiel für einen HTML-Zeilenumbruch
Dank HTML br startet der zweite Satz unseres Beispiels direkt in einer neuen Zeile.
Tipp

Sie wollen mehr über HTML lernen? In diesem Fall empfehlen wir Ihnen einen Blick in unser HTML-Ein­stei­ger-Tutorial, das Ihnen einen schnellen Überblick über die beliebte Aus­zeich­nungs­spra­che bietet.

Absätze vs. Zei­len­um­brü­che: Line Breaks und Pa­ra­gra­fen

Für die Struk­tu­rie­rung und For­ma­tie­rung von HTML-Texten spielen neben harten Line Breaks mit <br> auch Absätze bzw. Pa­ra­gra­phen mit dem <p>-Tag eine wichtige Rolle. Hierbei gilt es zu beachten, dass Sie mit dem <br>-Tag einen HTML-Zei­len­um­bruch innerhalb eines zu­sam­men­hän­gen­den Absatzes erstellen, während Sie mit dem <p>-Tag nicht nur einen Zei­len­um­bruch, sondern einen neuen Absatz erzeugen.

Zum Hauptmenü