El elemento HTML word break opportunity <
wbr> representa una posición dentro del texto donde el explorador puede opcionalmente saltar una línea , aunque sus reglas de salto de línea de otra manera no crearían un salto en esa posición .En páginas codificadas en UTF-8 , <wbr> se comporta como el punto de código
U+200B ZERO-WIDTH SPACE . En particular se comporta como un punto de código unicode bidi BN , significando esto que no tiene efecto en ordenamiento bidi : <div dir=rtl>123,<wbr>456</div> muestra , cuando no se rompa en dos líneas , 123, 456 y no 456 , 123 .Por la misma razón el elemento <wbr> no introduce un guión en el salto de línea . Para hacer aparecer un guión solo al final de la línea , usar la entidad de caracter del guión de separación (­) en su lugar.
Este elemento fue implementado por primera vez en Internet Explorer 5.5 y fue oficialmente definido en HTML5 .
Contexto de uso
| Contenido permitido | Vacío |
| Omisión de etiquetas | Es un empty element; debe de tener una etiqueta de inicio pero no debe de tener una de cierre . |
| Elementos padre permitidos | Cualquier elemento que permita contenido estático de texto. |
| Documento normativo | HTML 5, section 4.6.24 |
Atributos
Este elemento solo incluye los atributos globales .
Interfase DOM
Este elemento implementa la interface HTMLElement .
Ejemplo
La guia de estilo de Yahoo recomienda romper una URL antes de la puntuación , para evitar dejar una marca de puntuación en el final de la línea , lo cual el lector podría confundir con el final de la URL .
<p>https://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>
Compatibilidad en exploradores
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Soporte básico | 1.0 | 1.0 | No support[1] | 11.7 | 4.0 |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | 1.5 | 1.0 | No support | No support | No support |
[1]El soporte para la etiqueta <wbr> fue introducido en Internet Explorer 5.5 , aunque removido hasta la versión 7 .