<br>: Das Line Break Element

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

Die Attribute dieses Elements schließen die globalen Attribute ein.

clear Veraltet

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

Das <br> Element hat einen einzigen, klar definierten Zweck — einen Zeilenumbruch in einem Textblock zu erstellen. Daher hat es keine Abmessungen oder eigene visuelle Ausgabe, und es gibt sehr wenig, was Sie tun können, um es zu gestalten.

Sie können ein margin für <br> Elemente selbst festlegen, um den Abstand zwischen den Textzeilen im Block zu erhöhen, aber dies ist eine schlechte Praxis — Sie sollten die line-height Eigenschaft verwenden, die für diesen Zweck entwickelt wurde.

Die Erstellung separater Textabsätze mit <br> ist nicht nur schlechte Praxis, sondern auch problematisch für Menschen, die mit Hilfe von Screenreader-Technologie navigieren. Screenreader können die Anwesenheit des Elements ankündigen, jedoch keinen Inhalt, der innerhalb von <br>s enthalten ist. Dies kann eine verwirrende und frustrierende Erfahrung für die Person sein, die den Screenreader verwendet.

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

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