<bdi>
Resumo
O HTML <bdi>elemento (ou elemento de isolamento de Bi-direcional) isola um trechode texto que pode ser formatado em uma direção diferente de outro texto fora dela.
Este elemento é útil ao incorporar o texto com uma direção desconhecida, de um banco de dados por exemplo, no interior do texto com uma direção fixa.
Apesar do mesmo efeito visual pode ser alcançado usando a regra de CSSunicode-bidi
(en-US): isolar um <span>
ou outro elemento de formatação de texto, o significado semântico só é transportado pelo elemento de<bdi>. Especialmente, os navegadores podem ignorar estilos CSS. Nesse caso, o texto seria ainda corretamente exibido usando o elemento HTML, mas se tornará lixo quando usando o estilo CSS para transmitir semântica.
- Content categories (en-US) Flow content (en-US), phrasing content (en-US), palpable content.
- Permitted contentPhrasing content (en-US).
- Tag omission None, both the starting and ending tag are mandatory.
- Permitted parent elements Any element that accepts phrasing content (en-US).
- DOM interface
HTMLElement
(en-US)
Atributos
Como todos os outros elementos do HTML, este elemento tem os atributos globais, com uma pequena diferença de semântica: o atributo dir não é herdado. Se não definido, o valor padrão é o auto que deixa o navegador decidir a direção com base no conteúdo do elemento.
Exemplo
html
<p dir="ltr">
Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada
da direita
</p>
Especificações
Specification |
---|
HTML Standard # the-bdi-element |
Compatibilidade com navegadores
BCD tables only load in the browser
Veja Também
- Related HTML element:
<bdo>
- Related HTML properties:
direction
(en-US),unicode-bidi
(en-US)