HTML-Zeilenumbruch: Erklärung, Syntax und Beispiele

Ein HTML-Zeilenumbruch, auch HTML Line Break genannt, ermöglicht harte Zeilenumbrüche, mit denen Sie eine neue Zeile ohne einen neuen Absatz beginnen. HTML-Zeilenumbrüche helfen bei der Strukturierung und Formatierung von Texten und optimieren die Konsistenz von Textstrukturen über verschiedene Browser hinweg.

Was ist ein HTML Line Break?

Harte Zeilenumbrüche in HTML, auch als HTML Line Break bekannt, sind spezielle HTML-Elemente, mit denen Sie in HTML-Dokumenten eine neue Zeile beginnen, ohne einen neuen Absatz zu erzeugen. Durch einen harten Zeilenumbruch erzwingen Sie eine neue Zeile und unterbrechen 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, verschieben Sie gewünschte Inhalte mit HTML <br> in eine neue Zeile und behandeln den Text dennoch als zusammenhängenden Absatz.

Das <br>-Tag wird von allen modernen Browsern unterstü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 Verwendung kein schließendes </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 Zeilenumbrüche exakt zu platzieren.

Welchen Zweck erfüllt ein HTML-Zeilenumbruch?

Das HTML-<br>-Tag erfüllt verschiedene Zwecke, je nach Anforderungen des jeweiligen Textes und des erforderlichen Zeilenumbruchs. Der Line Break dient grundsätzlich als wichtiges Werkzeug, um Zeilenumbrüche in Texten zu handhaben und diese auch ohne aufwändigeres CSS-Styling mit margin oder padding umzusetzen.

Die Anwendung von HTML-Zeilenumbrüchen kann unter anderem folgende Zwecke erfüllen:

  • Formatierung und Strukturierung von Texten: Der HTML Line Break ermöglicht es, schnell und effizient Zeilenumbrüche in Texten zu platzieren, um für eine bessere Lesbarkeit, Textstruktur und Übersichtlichkeit zu sorgen.
  • Kompatible und konsistente HTML-Texte: Durch harte Zeilenumbrüche mit HTML gewährleisten Sie über verschiedene Browser und Suchmaschinen hinweg eine konsistente und unverfälschte Darstellung von Texten. Das gilt auch für die Arbeit an HTML-Dokumenten mit mehreren Entwicklerinnen und Entwicklern. Da HTML ein wesentlicher Bestandteil von Webbrowsern ist, stellen Sie außerdem geräte- und plattformübergreifend eine gleichbleibende Textstruktur sicher.
  • Klar strukturierte HTML-Semantik: Mit <br> signalisieren Sie, an welcher Stelle ein HTML-Zeilenumbruch gewünscht ist, der keinen neuen Absatz einleitet. So optimieren Sie die Kohärenz von Textkörpern und beugen unklaren Programmierungen vor.
  • Einfach implementierte Zeilenumbrüche: Die Anwendung von HTML <br> ist besonders einfach, da es hierfür keine zusätzlichen Attribute oder komplexen Anweisungen erfordert. So tragen Sie zu einer klaren und sauberen HTML-Struktur bei.
Domain kaufen
Registrieren Sie Ihre perfekte Domain
  • Inklusive Wildcard-SSL-Zertifikat
  • Inklusive Domain Lock
  • Inklusive 2 GB E-Mail-Postfach

Welche Anwendungsbereiche gibt es für HTML Line Breaks?

Harte Zeilenumbrüche in HTML eignen sich unter anderem für folgende Anwendungsbereiche und Situationen:

  • Gedichte oder Songtexte: Mit <br> lassen sich Zeilenumbrüche festlegen, die für die Verständlichkeit und die originalgetreue Formatierung von Gedichten oder Liedtexten unverzichtbar sind.
  • Adressen: Mit HTML-Zeilenumbrüchen lässt sich die korrekte Formatierung von Adressen in mehreren zusammengehörigen Zeilen gewährleisten.
  • Kontaktdaten: Ob Telefonnummer, E-Mail-Adresse oder Website – mit <br> lassen sich wichtige Kontaktinformationen übersichtlich in getrennten Zeilen darstellen.
  • Tabellen und Textlayouts: Um in Tabellenzellen oder im Fall von konkreten Layoutanforderungen das gewünschte Textformat zu gestalten, bietet sich <br> an.

Obwohl sich <br> für vielfältige Anwendungsmöglichkeiten eignet, sollten HTML Line Breaks sparsam zur Anwendung kommen, um die semantische Kohärenz nicht zu beeinträchtigen. Im Fall von komplexen Textlayouts stellt CSS-Styling oder auch das HTML-style-Tag unter Umständen die geeignetere Wahl für die Darstellung von Textelementen dar.

Webhosting
Top-Hosting für Ihre Website
  • Flexibel: Hosting, das jedem Website-Traffic standhält
  • Verlässlich: Inklusive 24/7-Support und persönlicher Beratung
  • Sicher: Kostenloses SSL-Zertifikat, DDoS-Schutz und Backups

Die Syntax von HTML-Zeilenumbrüchen erklärt

Bei HTML Line Breaks handelt es sich um leere <br>-Tags ohne weitere HTML-Attribute und ohne ein erforderliches schließendes Tag. Genau in dieser Einfachheit der Syntax liegen die Vorteile von harten HTML-Zeilenumbrü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:

html-line-break-beispiel.png
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-Einsteiger-Tutorial, das Ihnen einen schnellen Überblick über die beliebte Webprogrammiersprache bietet.

Absätze vs. Zeilenumbrüche: Line Breaks und Paragrafen

Für die Strukturierung und Formatierung von HTML-Texten spielen neben harten Line Breaks mit <br> auch Absätze bzw. Paragraphen mit dem <p>-Tag eine wichtige Rolle. Hierbei gilt es zu beachten, dass Sie mit dem <br>-Tag einen HTML-Zeilenumbruch innerhalb eines zusammenhängenden Absatzes erstellen, während Sie mit dem <p>-Tag nicht nur einen Zeilenumbruch, sondern einen neuen Absatz erzeugen.

War dieser Artikel hilfreich?