files/de/web/html/element/br/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

---
title: <br>
slug: Web/HTML/Element/br
translation_of: Web/HTML/Element/br
---
<h2 id="Summary" name="Summary">Zusammenfassung</h2>

<p>Das HTML Element <em>line break</em> <code>&lt;br&gt;</code> produziert einen Zeilenumbruch in (Fließ-)Text (Wagenrücklauf). Es ist z.B nützlich beim Notieren eines Gedichtes oder einer Adresse, wo die Aufteilung der Zeilen von Bedeutung ist.</p>

<h2 id="Usage_Context" name="Usage_Context">Gebrauch</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Zulässiger Inhalt</td>
   <td>Keiner, es handelt sich um ein "void" Element.</td>
  </tr>
  <tr>
   <td>Tag Platzierung</td>
   <td>Muss ein Start-Tag und darf kein Ende-Tag besitzen. In XHTML Dokumenten wird das Element als <code>&lt;br/&gt;</code> notiert.</td>
  </tr>
  <tr>
   <td>Zulässige Elternelemente</td>
   <td>Alle Elemente die <a href="/en-US/docs/HTML/Content_categories#phrasing_content" title="HTML/Content categories#phrasing content">formulierten Inhalt</a> akzeptieren.</td>
  </tr>
  <tr>
   <td>Normatives Dokument</td>
   <td><a class="external" href="http://www.w3.org/TR/html5/text-level-semantics.html#the-br-element" title="http://www.w3.org/TR/html5/text-level-semantics.html#the-br-element">HTML5, section 4.6.23</a>; <a class="external" href="http://www.w3.org/TR/html401/struct/text.html#h-9.3.2.1" title="http://www.w3.org/TR/html401/struct/text.html#h-9.3.2.1">HTML 4.01, section 9.3.2</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Attributes" name="Attributes">Attribute</h2>

<p>Wie alle anderen HTML Elemente besitzt dieses Element die <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">globalen Attribute</a>.</p>

<dl>
 <dt>{{ htmlattrdef("clear") }} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
 <dd>Zeigt an, wo die nächste Zeile nach dem Zeilenumbruch beginnt.
 <div class="note">
 <p><strong>Gebrauchshinweis: </strong>Dieses Attribut ist veraltet in {{ HTMLVersionInline(5) }} und <strong>sollte nicht verwendet werden</strong>. Stattdessen sollte die CSS-Eigenschaft {{CSSxref('clear')}} verwendet werden.</p>
 </div>
 </dd>
</dl>

<h2 id="Example" name="Example">Beispiel</h2>

<pre class="brush: html">Mozilla Foundation&lt;br&gt;
1981 Landings Drive&lt;br&gt;
Building K&lt;br&gt;
Mountain View, CA 94043-0801&lt;br&gt;
USA
</pre>

<p>Ausgabe:</p>

<p>Mozilla Foundation<br>
 1981 Landings Drive<br>
 Building K<br>
 Mountain View, CA 94043-0801<br>
 USA</p>

<h2 id="DOM_Interface" name="DOM_Interface">DOM_Interface</h2>

<ul>
 <li><a href="/en-US/docs/DOM/HTMLBRElement" title="DOM/HTMLBRElement">HTMLBRElement</a></li>
</ul>

<h2 id="Notes" name="Notes">Anmerkungen</h2>

<p><code>&lt;br&gt;</code> <em>nicht</em> verwenden um die Lücken zwischen Text zu vergrößern; stattdessen sollte die <a href="/en-US/docs/CSS" title="CSS">CSS</a> {{cssxref('margin')}} Eigenschaft oder das {{ HTMLElement("p") }} Element verwendet werden.</p>

<h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser Kompatibilität</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>1.0</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="See_also" name="See_also">Siehe auch</h2>

<ul>
 <li>{{ HTMLElement("address") }} element</li>
 <li>{{ HTMLElement("p") }} element</li>
</ul>

<div>{{HTMLRef}}</div>