mozilla

Comparaison de révisions

<br>

Change Revisions

Révision 308211 :

Révision 308211 par ethertank le

Révision 399313 :

Révision 399313 par tregagnon le

Titre :
br
<br>
Identifiant d'URL :
HTML/Element/br
HTML/Element/br
Étiquettes :
"HTML:Element Reference", "HTML:Element", "HTML"
"HTML"
Contenu :

Revision 308211
Revision 399313
n8      Introductionn8      Résumé
9    </h2>
10    <p>9    </h2>
11      La balise &lt;br /&gt; , dite "Line Break", permet de faire
> un retour à la ligne dans une page web.&nbsp; Par ailleurs, il e 
>st possible d'effectuer plusieurs sauts de ligne en utilisant plu 
>sieurs fois la balise &lt;br /&gt; à la suite. 
12    </p>10    <p>
11      L'<strong>élément HTML <code>&lt;br&gt;</code> (<em>Line Br
 >eak</em>, ou <em>Retour à la ligne</em>)</strong> produit un reto
 >ur à la ligne dans le texte. C'est utile dans le cas de poèmes ou
 > d'adresses, où les séparations de lignes sont importantes.
12    </p>
13    <p>
14      N'utilisez pas <code>&lt;br&gt;</code> pour augmenter les e
 >spaces entre des lignes de texte : utilisez la propriété <a href=
 >"/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> {{cssxref('margin')}}
 > ou l'élément HTML {HTMLElement("p")}}.
15    </p>
16    <ul class="htmlelt">
17      <li>
18        <dfn><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu" ti
 >tle="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nb
 >sp;</a></dfn><a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Con
 >tenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_d
 >e_flux">Contenu de flux</a>, <a href="/fr/docs/HTML/Cat%C3%A9gori
 >e_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9g
 >orie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>.
19      </li>
20      <li>
21        <dfn>Contenu autorisé</dfn> Aucun, il s'agit d'un élément
 > vide.
22      </li>
23      <li>
24        <dfn>Omission de balises</dfn> Doit avoir une balise d'ou
 >verture, et aucune balise de fermeture. Dans les documents XHTML,
 > écrivez cet élément <code>&lt;br&nbsp;/&gt;</code>.
25      </li>
26      <li>
27        <dfn>Élément parents autorisés</dfn> Tout élément accepta
 >nt du <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_ph
 >ras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu
 >_phras.C3.A9">contenu phrasé</a>.
28      </li>
29      <li>
30        <dfn>Interface DOM</dfn> {{domxref("HTMLBRElement")}}
31      </li>
32    </ul>
n14      Quand l'utiliser ?n34      Attributs
15    </h2>
16    <p>35    </h2>
17      C'est très utile dans certains cas (poème, adresse), où les
> retours à la ligne sont fréquents.<br> 
18      <br>
19      <code>&lt;br /&gt;</code> peut s'utiliser partout dans les 
>documents XHTML, entre les <a href="/fr/docs/HTML/Element/body" t 
>itle="HTML/Element/body">balises <code>&lt;body&gt;</code> et <co 
>de>&lt;/body&gt;</code></a> comme dans l'exemple suivant. 
20    </p>36    <p>
37      Cet élément supporte les <a href="/fr/docs/HTML/Global_attr
 >ibutes" title="/fr/docs/HTML/Global_attributes">attributs globaux
 ></a>.
38    </p>
39    <dl>
40      <dt>
41        {{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HT
 >ML4.01')}} {{obsoleteGeneric('inline','HTML5')}}
42      </dt>
43      <dd>
44        Indique où commencer la nouvelle ligne après le retour à 
 >la ligne.<br>
45        <div class="note">
46          <p>
47            <strong>Note d'utilisation :</strong> Cet attribut es
 >t obsolète depuis {{HTMLVersionInline(5)}} et <strong>ne doit pas
 > être utilisé par les auteurs</strong>. Utilisez à la place la pr
 >opriété CSS {{CSSxref('clear')}}.
48          </p>
49        </div>
50      </dd>
51    </dl>
n25&lt;body&gt;n
26Maître corbeau, sur un arbre perché,&lt;br /&gt;56Maître corbeau, sur un arbre perché,&lt;br&gt;
27Tenait en son bec un fromage.&lt;br /&gt;57Tenait en son bec un fromage.&lt;br&gt;
28Maître renard par l'odeur alléché,&lt;br /&gt;58Maître renard par l'odeur alléché,&lt;br&gt;
29Lui tint à peu près ce langage...&lt;br /&gt;59Lui tint à peu près ce langage...&lt;br&gt;
30&lt;/body&gt;
nn61    <p>
62      Le HTML au-dessus produit le résultat suivant :
63    </p>
64    <p>
65      Maître corbeau, sur un arbre perché,<br>
66      Tenait en son bec un fromage.<br>
67      Maître renard par l'odeur alléché,<br>
68      Lui tint à peu près ce langage...
69    </p>
70    <h2>
71      Spécifications
72    </h2>
73    <table class="standard-table">
74      <thead>
75        <tr>
76          <th scope="col">
77            Spécification
78          </th>
79          <th scope="col">
80            Statut
81          </th>
82          <th scope="col">
83            Commentaires
84          </th>
85        </tr>
86      </thead>
87      <tbody>
88        <tr>
89          <td>
90            {{SpecName('HTML WHATWG', 'text-level-semantics.html#
 >the-br-element', '&lt;br&gt;')}}
91          </td>
92          <td>
93            {{Spec2('HTML WHATWG')}}
94          </td>
95          <td>
96            &nbsp;
97          </td>
98        </tr>
99        <tr>
100          <td>
101            {{SpecName('HTML5 W3C', 'the-br-element.html#the-b-el
 >ement', '&lt;br&gt;')}}
102          </td>
103          <td>
104            {{Spec2('HTML5 W3C')}}
105          </td>
106          <td>
107            &nbsp;
108          </td>
109        </tr>
110        <tr>
111          <td>
112            {{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', 
 >'&lt;br&gt;')}}
113          </td>
114          <td>
115            {{Spec2('HTML4.01')}}
116          </td>
117          <td>
118            &nbsp;
119          </td>
120        </tr>
121      </tbody>
122    </table>
n33      Notes :n124      Compatibilité des navigateurs
34    </h2>
35    <p>125    </h2>
36      Attention, il est préférable d'utiliser la balise <code>&lt
>;p&gt;</code> ou la propriété Margin du CSS afin de coder proprem 
>ent ses pages. 
37    </p>126    <p>
127      {{CompatibilityTable}}
128    </p>
129    <div id="compat-desktop">
130      <table class="compat-table">
131        <tbody>
132          <tr>
133            <th>
134              Fonctionnalité
135            </th>
136            <th>
137              Chrome
138            </th>
139            <th>
140              Firefox (Gecko)
141            </th>
142            <th>
143              Internet Explorer
144            </th>
145            <th>
146              Opera
147            </th>
148            <th>
149              Safari (WebKit)
150            </th>
151          </tr>
152          <tr>
153            <td>
154              Support de base
155            </td>
156            <td>
157              1.0
158            </td>
159            <td>
160              {{CompatVersionUnknown}}
161            </td>
162            <td>
163              {{CompatVersionUnknown}}
164            </td>
165            <td>
166              {{CompatVersionUnknown}}
167            </td>
168            <td>
169              {{CompatVersionUnknown}}
170            </td>
171          </tr>
172        </tbody>
173      </table>
174    </div>
175    <div id="compat-mobile">
176      <table class="compat-table">
177        <tbody>
178          <tr>
179            <th>
180              Fonctionnalité
181            </th>
182            <th>
183              Android
184            </th>
185            <th>
186              Firefox Mobile (Gecko)
187            </th>
188            <th>
189              IE Phone
190            </th>
191            <th>
192              Opera Mobile
193            </th>
194            <th>
195              Safari Mobile
196            </th>
197          </tr>
198          <tr>
199            <td>
200              Support de base
201            </td>
202            <td>
203              {{CompatVersionUnknown}}
204            </td>
205            <td>
206              {{CompatVersionUnknown}}
207            </td>
208            <td>
209              {{CompatVersionUnknown}}
210            </td>
211            <td>
212              {{CompatVersionUnknown}}
213            </td>
214            <td>
215              {{CompatVersionUnknown}}
216            </td>
217          </tr>
218        </tbody>
219      </table>
220    </div>
n39      Voir aussi :n222      Voir également
tt225      <li>L'élément {{HTMLElement("address")}}
42      <li>226      </li>
43        <a href="/fr/docs/HTML/Element/address" title="HTML/Eleme227      <li>L'élément {{HTMLElement("p")}}
>nt/address">&lt;adress&gt;</a> 
44      </li>
45      <li>
46        <a href="/fr/docs/HTML/Element/p" title="HTML/Element/p">
>&lt;p&gt;</a> 

Retour à l'historique