---
title: <wbr>
slug: Web/HTML/Element/wbr
tags:
  - Element
  - HTML
  - HTML text-level semantics
  - Reference
  - Web
translation_of: Web/HTML/Element/wbr
---
<div>{{HTMLRef}}</div>

<p>L'element HTML <em>oportunitat de ruptura de la paraula</em> <code>&lt;wbr&gt;</code> representa una posició dins d'un text en el qual el navegador pot trencar opcionalment una línia, malgrat les seves regles de divisió de línies, no crearien una interrupció en aquest lloc.</p>

<p>En pàgines codificades UTF-8 , <code>&lt;wbr&gt;</code> es comporta com el punt de codi <code>U+200B</code> <code>ZERO-WIDTH SPACE</code>. En particular, es comporta com un punt de codi Unicode bidi BN, el que significa que no té efecte sobre bidi-ordering: <code>&lt;div dir=rtl&gt;</code>123, <code>&lt;wbr&gt;</code>456<code>&lt;/div&gt;</code> mostra, quan no està trencada en dues línies, <code>123,456</code> i no <code>456,123</code>.</p>

<p>Per la mateixa raó, l'element <code>&lt;wbr&gt;</code> no introdueix un guió en el punt d'interrupció de línia. Perquè aparegui un guió només al final d'una línia, utilitzeu l'entitat de caràcter de guió tou (<code>&amp;shy;</code>).</p>

<p><span id="result_box" lang="ca"><span>Aquest</span> <span>element</span> <span>es va implementar</span> <span>per primera</span> <span>vegada</span> <span>a Internet</span> <span>Explorer</span> <span>5.5</span> <span>i</span> <span>es va definir</span> <span>oficialment</span> <span>en HTML5.</span></span></p>

<h2 id="Context_d'ùs">Context d'ùs</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <td>Contingut permès</td>
   <td>Buit</td>
  </tr>
  <tr>
   <td>Omissió de l'etiqueta</td>
   <td>És un {{Glossary("empty element")}}; <span id="result_box" lang="ca"><span>ha de tenir una</span> <span>etiqueta</span> <span>d'inici,</span> <span>però</span> <span>no ha de tenir</span> <span>una etiqueta</span> <span>de tancament.</span></span></td>
  </tr>
  <tr>
   <td>Elements pares permesos</td>
   <td>Qualsevol element que accepti <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td>
  </tr>
  <tr>
   <td>Normativa del document</td>
   <td><a class="external" href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-wbr-element">HTML 5, secció 4.6.24</a></td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element només inclou els <a href="/en-US/docs/HTML/Global_attributes">atributs global</a>.</p>

<h2 id="Interfície_DOM">Interfície DOM</h2>

<p>Aquest element implementa la interfície <a href="/en-US/docs/DOM/HTMLElement">HTMLElement</a>.</p>

<h2 id="Exemple">Exemple</h2>

<p><em><a class="external" href="http://styleguide.yahoo.com/">La Guia d'Estil de Yahoo</a> </em>recomana <a class="external" href="http://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses">trencar una adreça URL aban de la puntuació</a>, per evitar deixar un signe de puntuació al final de la línia, que el lector pugui confondre amb el final de la URL.</p>

<pre class="brush: html">&lt;p&gt;http://this&lt;wbr&gt;.is&lt;wbr&gt;.a&lt;wbr&gt;.really&lt;wbr&gt;.long&lt;wbr&gt;.example&lt;wbr&gt;.com/With&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;wbr&gt;/deeper&lt;wbr&gt;/level&lt;wbr&gt;/pages&lt;/p&gt;
</pre>

<p>{{EmbedLiveSample("Example")}}</p>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>1.0</td>
   <td>1.0</td>
   <td>{{CompatNo}}<sup>[1]</sup></td>
   <td>11.7</td>
   <td>4.0</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>1.5</td>
   <td>1.0</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] <span id="result_box" lang="ca"><span>El suport a</span> <span>l'etiqueta</span> </span><code>&lt;wbr&gt;</code><span lang="ca"> <span>es va introduir</span> <span>a Internet</span> <span>Explorer</span> <span>5.5,</span> <span>encara que</span> <span>és va retira</span> <span>de nou en la</span> <span>versió 7</span><span>.</span></span></p>