Elemento wbr do HTML 5

html semântico

Além do tradicional elemento br que é utilizado para fazer uma quebra de linha podemos utilizar o elemento wbr que é uma novidade no HTML 5 e pouco utilizado entre os desenvolvedores.

O Browser faz a quebra de linha de forma automática de palavras ou frases grandes, porém muitas vezes ela pode ocorrer em lugares onde pode alterar a compreensão e até o sentido do seu texto. É aí que entra o elemento introduzido no HTML 5. O elemento wbr é utilizado para marcar o local onde você quer que ocorra essa quebra de linha.

Teste a funcionalidade deste recurso redimensionando a janela do browser na horizontal e veja o ponto em que o browser exibe a quebra de linha. Observe a palavra “inconstitucionalissimamente”

 inconstitu<wbr>cionalis<wbr>simamente

Exemplo com uso do wbr

Esta foi até o momento a decisão inconstitucionalissimamente questionável..

Exemplo sem wbr

Esta foi até o momento a decisão inconstitucionalissimamente questionável..

Aqui apliquei o wbr onde achei melhor quebrar a url

Visite agora mesmo o nosso site: www.encontronacionaldejogadoresdecanastra.com.br

Aqui não usei wbr

Visite agora mesmo o nosso site: www.encontronacionaldejogadoresdecanastra.com.br

Elemento nobr

A tag nobr impede que um texto vá para uma nova linha automaticamente. Ela foi criada para marcarmos o local onde não queremos quebra de linhas. Esta marcação nobr não deve mais ser utilizada, esse elemento está obsoleto no HTML. Em vez disso, use a propriedade CSS white-space para conseguir o mesmo propósito.

Siga-me no Twitter: @kadunew ou assine nosso Feed e fique por dentro de todas atualizações aqui do blog.