<wbr>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 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 ( ­ ) 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.
<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
Loading…