HTML <br>-Tag
Definition
Das HTML <br>-Tag definiert einen Zeilenumbruch. Im Gegensatz zum <p>-Tag, der einen Absatzumbruch erzeugt, verschiebt das <br>-Tag den folgenden Text einfach in die nächste Zeile, ohne zusätzlichen vertikalen Abstand hinzuzufügen.
Syntax
Das <br>-Tag ist ein Void-Element in HTML5, was bedeutet, dass es kein schließendes Tag benötigt. In XHTML muss es jedoch selbstschließend sein (<br />).
Beispiel für das HTML <br>-Tag:
Beispiel für das <br>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Example of the <br> tag usage.</h1>
<p> Inside the paragraph, we can put the tag <br />, <br /> to transfer a part of the text to another line if necessary.</p>
</body>
</html>Verwendung
Das <br>-Tag wird zum Einfügen von Zeilenumbrüchen verwendet. Es ist nützlich beim Schreiben von Adressen, Gedichten oder Songtexten.
DANGER
Verwenden Sie das <br>-Tag nicht zum Trennen von Absätzen. Die Verwendung des <br>-Tags zum Trennen von Absätzen ist für Menschen, die Screenreader-Technologie nutzen, sehr problematisch. Verwenden Sie stattdessen <p>-Elemente und die CSS margin-Eigenschaft, um den Abstand zu steuern.
Beispiel für das HTML <br>-Tag zum Einfügen von Zeilenumbrüchen:
HTML <br>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Example of the <br> tag usage</h1>
<blockquote>
But I'm not the only one<br />
I hope some day you'll join us<br />
And the world will live as one.<br />
</blockquote>
<cite>John Lennon "imagine"</cite>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
clear | all | Löscht Floats von beiden Seiten. In HTML5 nicht verwendet. |
clear | left | Löscht Floats von der linken Seite. In HTML5 nicht verwendet. |
clear | right | Löscht Floats von der rechten Seite. In HTML5 nicht verwendet. |
clear | none | Hebt die Wirkung des clear-Attributs auf. In HTML5 nicht verwendet. |
Das <br>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
Praxis
Wozu dient das HTML <br>-Tag und wie wird es verwendet?