<wbr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumo

O elemento HTML <wbr> representa uma posição no texto onde o navegador pode, opcionalmente, quebrar uma linha, embora suas regras de quebra de linha de outra forma não criar uma ruptura naquele local.

Em UTF-8 páginas codificadas, <wbr> se comporta como o U+200B de tamanho zero ESPAÇO ponto de código. Em particular, ele se comporta como um bidi Unicode BN ponto de código, o que significa que não tem efeito sobre bidi-encomenda: <div dir=rtl> 123, <wbr> 456 </ div> exibe, quando não quebrado em duas linhas, 123.456 e Não 456,123 .

Pela mesma razão, o <wbr> elemento não introduzir um hífen no ponto de quebra de linha. Para fazer um hífen só aparecem no final de uma linha, use a entidade suave caractere hífen ( &shy; ) em seu lugar.

Este elemento foi implementado pela primeira vez no Internet Explorer 5.5 e foi oficialmente definido no HTML5.

Contexto de uso

Permitida conteúdo Vazio
Tag omissão Este é um elemento vazio; ele deve ter uma marca de início, mas não deve ter uma tag de fechamento.
Elementos pai permitidas Qualquer elemento que aceita conteúdo fraseado .
Documento normativo HTML 5, seção 4.6.24

Atributos

Este elemento só inclui os atributos globais.

DOM interface

Este elemento implementa o HTMLElement interface.

Exemplo

O Guia de Estilo Yahoo recomenda quebrar uma URL antes de pontuação , para não deixar uma marca de pontuação no final da linha, o que o leitor pode confundir com o fim da URL.

html
<p>
  https://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>

Compatibilidade com navegadores

BCD tables only load in the browser