Etiqueta wbr HTML5: Definir saltos de línea en párrafos

Vamos a repasar la etiqueta wbr HTML5, su funcionalidad es la de realizar ajustes de línea cuando las palabras son demasiado largas como para entrar en lo ancho del párrafo.

Otras etiquetas HTML5 para trabajar con formatos de párrafo son:

Sintaxis de la etiqueta wbr HTML5

Veamos su sintaxis extraída de su web oficial:

Texto texto texto<wbr>texto texto texto

Tal y como se puede ver en el código superior la sintaxis es sencilla, solo hay que insertar <wbr> en el lugar que queramos que se realice un salto de línea.

El salto de línea insertado es idéntico al de <br> con la diferencia de que solo se realizará el salto de línea siempre y cuando no entre en el navegador. Digamos que es un <br> condicional.

Ejemplo de la etiqueta wbr HTML5

Os pongo un código de ejemplo para que podáis verlo:

Texto del párrafo palabrademasiadolargaquenose<wbr>puededividirysaldrátodajuntaenelpárrafo

Tal y como se puede ver en el código superior hemos insertado la etiqueta wbr dentro de una palabra demasiado larga y que el nnavegador nunca separaría para realizar el salto de línea.

compartir
Publicado por
Aner Barrena