<br> HTML-Zeilenumbruch-Element

Probieren Sie es aus

<p>
  O'er all the hilltops<br />
  Is quiet now,<br />
  In all the treetops<br />
  Hearest thou<br />
  Hardly a breath;<br />
  The birds are asleep in the trees:<br />
  Wait, soon like these<br />
  Thou too shalt rest.
</p>

p {
  font-size: 1rem;
  font-family: sans-serif;
  margin: 20px;
}

Wie Sie im obigen Beispiel sehen können, wird ein <br>-Element an jedem Punkt eingefügt, an dem wir möchten, dass der Text bricht. Der Text nach dem <br> beginnt erneut am Anfang der nächsten Zeile des Textblocks.

Attribute

Zu den Attributen dieses Elements gehören die globalen Attribute.

Veraltete Attribute

clear

Gibt an, wo die nächste Zeile nach dem Umbruch beginnen soll.

Styling mit CSS

Das <br>-Element hat einen einzigen, klar definierten Zweck – es erzeugt einen Zeilenumbruch in einem Textblock. Es hat daher keine eigenen Dimensionen oder visuelle Ausgabe, und es gibt sehr wenig, das Sie stylen können.

Sie können ein margin auf <br>-Elementen selbst setzen, um den Abstand zwischen den Zeilen des Textblocks zu vergrößern, aber dies ist eine schlechte Praxis – Sie sollten die line-height-Eigenschaft verwenden, die für diesen Zweck konzipiert wurde.

Barrierefreiheit

Das Erstellen separater Textabsätze mit <br> ist nicht nur schlechte Praxis, es ist auch problematisch für Personen, die mit Hilfe von Bildschirmlese-Technologie navigieren. Bildschirmleser können das Vorhandensein des Elements ankündigen, aber keinen Inhalt innerhalb von <br>s. Dies kann eine verwirrende und frustrierende Erfahrung für die Person sein, die den Bildschirmleser verwendet.

Verwenden Sie <p>-Elemente und verwenden Sie CSS-Eigenschaften wie margin zur Steuerung des Abstands.

Beispiele

Grundlegendes br

Im folgenden Beispiel verwenden wir <br>-Elemente, um Zeilenumbrüche zwischen den verschiedenen Zeilen einer Postanschrift zu erstellen:

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität

Siehe auch

• <address>-Element
• <p>-Element
• <wbr>-Element