<wbr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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 (& shy;) 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 .

html
<p>
  http://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>

Especificaciones

Specification
HTML
# the-wbr-element

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
wbr

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support