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 inconstitu
Exemplo sem wbr
Esta foi até o momento a decisão inconstitucionalissimamente questionável..
Aqui apliquei o wbr
onde achei melhor quebrar a url
Aqui não usei wbr
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.