Das br-Element erzwingt einen Zeilenumbruch innerhalb eines Textblocks. Es ist ein leeres Element: kein Inhalt, kein schließendes Tag.

Wo der Umbruch zum Inhalt gehört

<p>SEO NW – Alexander Müller<br>
   Zu den kurzen Enden 1<br>
   39517 Bertingen</p>

Eine Anschrift ist ein zusammenhängender Block, in dem die Zeilenaufteilung Bedeutung trägt. Dasselbe gilt für Gedichte, Liedtexte und Formeln. Das ist der Anwendungsbereich – ein enger.

Wo es das falsche Werkzeug ist

<!-- Abstand zwischen Absätzen -->
<p>Erster Gedanke.</p>
<br><br>
<p>Zweiter Gedanke.</p>

<!-- richtig: zwei Absätze, Abstand im Stylesheet -->
<p>Erster Gedanke.</p>
<p>Zweiter Gedanke.</p>

Aufeinanderfolgende Umbruchelemente sind das verlässlichste Anzeichen dafür, dass Gestaltung im Markup gelöst wurde. Praktische Folge: Auf schmalen Bildschirmen sitzen die Abstände an falscher Stelle, und eine spätere Änderung muss in jeder einzelnen Datei nachgezogen werden.

Der zweite häufige Fehlgriff ist die Liste ohne Listenelement:

<!-- falsch -->
<p>Erstens<br>Zweitens<br>Drittens</p>

<!-- richtig -->
<ul>
  <li>Erstens</li>
  <li>Zweitens</li>
  <li>Drittens</li>
</ul>

Der Unterschied ist hörbar: Ein Screenreader kündigt eine Liste mit drei Einträgen an. Bei der ersten Fassung liest er einen Absatz vor.

Die Schreibweise

In HTML genügt <br>. Die Form mit Schrägstrich stammt aus XHTML; sie ist erlaubt, aber wirkungslos. Ein schließendes Tag gibt es nicht – </br> ist ungültig und wird ignoriert.

Umbrüche, die der Browser entscheidet

Zwei verwandte Fälle lassen sich ohne festen Umbruch lösen: Ein geschütztes Leerzeichen (&nbsp;) verhindert einen Umbruch an einer bestimmten Stelle – etwa zwischen Zahl und Einheit. Das wbr-Element markiert umgekehrt eine Stelle, an der ein Umbruch erlaubt ist, ohne ihn zu erzwingen; nützlich bei sehr langen Adressen oder zusammengesetzten Wörtern.