Tips HTML5 – Etiqueta WBR

Esta es una funcionalidad nueva en HTML5, viene del ingles Word Break que traduce romper palabra, esta es una etiqueta semántica, y nos permite indicar al navegador donde dividir una palabra o texto, de forma que si la ventana se reduce, o bien queremos mostrar un texto en la pantalla de un dispositivo móvil como podría ser un celular, el explorador sepa con exactitud donde queremos que se divida.

El uso de esta etiqueta es muy simple, solo debemos insertar esta etiqueta en el punto donde esperamos que se divida el texto.

<div>
    <p>Pneumonoultramicroscopic<wbr>silicovolcanoconiosis es una palabra de (45 

    letras), es una enfermedad contraída por la aspiración de basura volcánica.</p>
</div>

De esta forma nuestra palabra se separara justo en el punto indicado al momento de reducir la ventana del navegador.



Ahora reduzcamos el tamaño de la ventana:



Como se puede observar nuestra palabra se ha dividido justamente donde le he indicado.