<br>

  • Raccourci de la révision : HTML/Element/br
  • Titre de la révision : <br>
  • ID de la révision : 399313
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <br> (Line Break, ou Retour à la ligne) produit un retour à 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.

N'utilisez pas <br> pour augmenter les espaces entre des lignes de texte : utilisez la propriété CSS {{cssxref('margin')}} ou l'élément HTML {HTMLElement("p")}}.

  • Catégories de contenu Contenu de flux, contenu phrasé.
  • Contenu autorisé Aucun, il s'agit d'un élément vide.
  • Omission de balises Doit avoir une balise d'ouverture, et aucune balise de fermeture. Dans les documents XHTML, écrivez cet élément <br />.
  • Élément parents autorisés Tout élément acceptant du contenu phrasé.
  • Interface DOM {{domxref("HTMLBRElement")}}

Attributs

Cet élément supporte les attributs globaux.

{{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}
Indique où commencer la nouvelle ligne après le retour à la ligne.

Note d'utilisation : Cet attribut est obsolète depuis {{HTMLVersionInline(5)}} et ne doit pas être utilisé par les auteurs. Utilisez à la place la propriété CSS {{CSSxref('clear')}}.

Exemple

Maître corbeau, sur un arbre perché,<br>
Tenait en son bec un fromage.<br>
Maître renard par l'odeur alléché,<br>
Lui tint à peu près ce langage...<br>

Le HTML au-dessus produit le résultat suivant :

Maître corbeau, sur un arbre perché,
Tenait en son bec un fromage.
Maître renard par l'odeur alléché,
Lui tint à peu près ce langage...

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-br-element', '<br>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'the-br-element.html#the-b-element', '<br>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '<br>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base 1.0 {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

Voir également

  • L'élément {{HTMLElement("address")}}
  • L'élément {{HTMLElement("p")}}
{{ HTML:Element_Navigation() }}

Source de la révision

<h2 id="Introduction">Résumé</h2>
<p>L'<strong>élément HTML <code>&lt;br&gt;</code> (<em>Line Break</em>, ou <em>Retour à la ligne</em>)</strong> produit un retour à 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.</p>
<p>N'utilisez pas <code>&lt;br&gt;</code> pour augmenter les espaces 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")}}.</p>
<ul class="htmlelt">
  <li><dfn><a href="/fr/docs/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu&nbsp;</a></dfn><a href="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux" title="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>, <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>.</li>
  <li><dfn>Contenu autorisé </dfn>Aucun, il s'agit d'un élément vide.</li>
  <li><dfn>Omission de balises </dfn>Doit avoir une balise d'ouverture, et aucune balise de fermeture. Dans les documents XHTML, écrivez cet élément <code>&lt;br&nbsp;/&gt;</code>.</li>
  <li><dfn>Élément parents autorisés </dfn>Tout élément acceptant du <a href="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9" title="/fr/docs/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9">contenu phrasé</a>.</li>
  <li><dfn>Interface DOM </dfn> {{domxref("HTMLBRElement")}}</li>
</ul>
<h2 id="Quand_l'utiliser_.3F">Attributs</h2>
<p>Cet élément supporte les <a href="/fr/docs/HTML/Global_attributes" title="/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<dl>
  <dt>
    {{htmlattrdef("clear")}} {{deprecatedGeneric('inline','HTML4.01')}} {{obsoleteGeneric('inline','HTML5')}}</dt>
  <dd>
    Indique où commencer la nouvelle ligne après le retour à la ligne.<br />
    <div class="note">
      <p><strong>Note d'utilisation : </strong>Cet attribut est obsolète depuis {{HTMLVersionInline(5)}} et <strong>ne doit pas être utilisé par les auteurs</strong>. Utilisez à la place la propriété CSS {{CSSxref('clear')}}.</p>
    </div>
  </dd>
</dl>
<h2 id="Exemple">Exemple</h2>
<pre class="brush:html">
Maître corbeau, sur un arbre perché,&lt;br&gt;
Tenait en son bec un fromage.&lt;br&gt;
Maître renard par l'odeur alléché,&lt;br&gt;
Lui tint à peu près ce langage...&lt;br&gt;
</pre>
<p>Le HTML au-dessus produit le résultat suivant :</p>
<p>Maître corbeau, sur un arbre perché,<br />
  Tenait en son bec un fromage.<br />
  Maître renard par l'odeur alléché,<br />
  Lui tint à peu près ce langage...</p>
<h2>Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">Statut</th>
      <th scope="col">Commentaires</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-br-element', '&lt;br&gt;')}}</td>
      <td>{{Spec2('HTML WHATWG')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'the-br-element.html#the-b-element', '&lt;br&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '&lt;br&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Notes_.3A">Compatibilité des navigateurs</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonctionnalité</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>Support de base</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>Fonctionnalité</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_aussi_.3A">Voir également</h2>
<ul>
  <li>L'élément {{HTMLElement("address")}}</li>
  <li>L'élément {{HTMLElement("p")}}</li>
</ul>
<div>
  {{ HTML:Element_Navigation() }}</div>
Revenir à cette révision