<br>: Das Zeilenumbruch-Element

<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 aus dem obigen Beispiel sehen können, wird ein <br> Element an jedem Punkt eingefügt, an dem der Text brechen soll. 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. Es hat daher keine Dimensionen oder visuelle Ausgabe für sich, und es gibt nur sehr wenig, was Sie tun können, um es zu stylen.

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 für diesen Zweck entwickelt wurde.

Separate Textabsätze mit <br> zu erstellen ist nicht nur schlechte Praxis, sondern es ist auch problematisch für Menschen, die mit Hilfe von Bildschirmlesetechnologie navigieren. Bildschirmleser können das Vorhandensein des Elements ankündigen, jedoch nicht den innerhalb von <br> enthaltenen Inhalt. 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, um deren Abstand 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