<br>: Das Zeilenumbruch-Element

Wie Sie aus dem obigen Beispiel sehen können, wird ein <br>-Element an jeder Stelle eingefügt, an der wir den Text umbrechen möchten. Der Text nach dem <br> beginnt wieder am Anfang der nächsten Zeile des Textblocks.

Die Attribute dieses Elements umfassen die globalen Attribute.

clear Veraltet

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

Das <br>-Element hat einen einzigen, klar definierten Zweck – um einen Zeilenumbruch in einem Textblock zu erzeugen. Daher hat es keine eigenen Dimensionen oder visuelle Ausgabe, und es gibt sehr wenig, was Sie daran stylen können.

Sie können ein margin auf <br>-Elementen selbst setzen, um den Abstand zwischen den Textzeilen im Block zu vergrößern, aber dies ist eine schlechte Praxis – Sie sollten die line-height-Eigenschaft verwenden, die dafür vorgesehen ist.

Getrennte Absätze mit <br> zu erstellen, ist nicht nur schlechte Praxis, sondern auch problematisch für Menschen, die sich mit technischen Hilfsmitteln wie Screenreadern orientieren. Screenreader können das Vorhandensein des Elements ansagen, aber nicht etwaige Inhalte innerhalb der <br>s. Dies kann für die Person, die den Screenreader verwendet, verwirrend und frustrierend sein.

Verwenden Sie <p>-Elemente, und verwenden Sie CSS-Eigenschaften wie margin, um deren Abstände zu kontrollieren.

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

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

Ergebnis

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