Marca <wbr> Em HTML

Esperamos que este artigo, que examina o Tag Wbr e fornece exemplos , atenda às suas necessidades.

A tag <wbr> em HTML significa uma oportunidade de quebra de palavra e é projetada para indicar uma posição dentro do texto que o navegador considerará uma quebra.

A tag <wbr> em HTML significa “oportunidade de quebra de palavra”. É uma tag HTML não padrão que especifica um ponto sugerido para uma quebra de linha dentro de uma palavra. Essa tag é usada para controlar o comportamento de quebra de linha de palavras ou frases longas que podem causar problemas de layout em telas pequenas.

Aqui está um exemplo de como usar a tag <wbr> em HTML:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<p>This is a verylongwordwithnospaces<wbr>andnowordbreakopportunities.</wbr></p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Quebrando palavras longas em um elemento <div>:

Example: 

1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<div>This is a very long word with no spaces, such as supercalifragilisticexpialidocious<wbr>andanticonstitutionally.</wbr></div>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Quebrando longas strings de texto em um elemento <pre>:

Example: 

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
<body>
<pre>This is a very long string of text that might cause layout issues without a word break opportunity.
It contains a lot of long words with no spaces, such as supercalifragilisticexpialidocious<wbr>andanticonstitutionally.</wbr></pre>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Outro uso exclusivo da tag <wbr> quebrando palavras longas em uma célula da tabela <span>:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<td>
<span>Thisisaverylongwordwithnospaces,suchas<wbr>supercalifragilisticexpialidocious</wbr></span>
</td>
</tr>
</table>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Dica: Sempre que uma palavra for muito longa, o navegador pode separá-la no ponto incorreto. Para fornecer possibilidades de quebra de palavras, use o elemento <wbr> .


Tag wbr usa

A tag <wbr> (Word Break Opportunity) indica quando em um texto é aceitável inserir uma quebra de linha.

Aqui estão alguns usos comuns da tag <wbr> em HTML:

  • A tag <wbr> pode ser usada para quebrar palavras longas que podem causar problemas de layout em telas pequenas, como dispositivos móveis.
  • A tag <wbr> pode ser usada para quebrar URLs longos que podem causar rolagem horizontal ou problemas de layout em uma página da web.
  • A tag <wbr> pode ser usada para dividir endereços de e-mail que podem causar problemas de layout em uma página da Web ou em clientes de e-mail.
  • A tag <wbr> pode ser usada para quebrar trechos de código longos ou nomes de variáveis ​​que podem causar problemas de layout ou problemas de legibilidade em blocos de código.
  • A tag <wbr> pode ser usada para sugerir um ponto de interrupção para hifenização de palavras ou frases longas.

Atributos

Global

A Tag <wbr> também aceita os Atributos Globais em HTML.

Evento

A Tag Wbr <wbr> também aceita os Atributos de Evento em HTML.


Compatibilidade do navegador

Os números da tabela indicam a versão mais antiga do navegador que implementa completamente o elemento.

Elemento
<wbr> 1,0 12,0 3.0 4.0 11.7

Vantagens do HTML Tag wbr

A tag <wbr> em HTML tem várias vantagens:

  • Ao permitir quebras de palavras em palavras ou frases longas, a tag <wbr> pode melhorar a legibilidade do texto em uma página da Web, especialmente em telas pequenas ou em colunas estreitas.
  • A tag <wbr> pode evitar problemas de layout, como rolagem horizontal ou sobreposição de texto, que podem causar frustração nos usuários e afetar a experiência geral do usuário.
  • A tag <wbr> pode tornar o texto mais acessível para usuários com deficiências, como aqueles que usam leitores de tela, quebrando palavras ou frases longas que podem ser difíceis de analisar.
  • A tag <wbr> permite que os desenvolvedores controlem o comportamento de quebra de linha do texto em uma página da Web, sem depender de layouts de largura fixa ou quebras de linha manuais.
  • A tag <wbr> é fácil de usar e requer codificação mínima, tornando-a uma solução rápida e simples para evitar problemas de layout e melhorar a legibilidade.
Se este artigo de alguma forma atendeu aos seus desejos educacionais, compartilhe essas informações significativas com seus amigos clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone