<bdi>

Resumo

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: 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 Flow content, phrasing content, palpable content.
• Permitted contentPhrasing content.
• Tag omission None, both the starting and ending tag are mandatory.
• Permitted parent elements Any element that accepts phrasing content.
• DOM interface HTMLElement

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

<p dir="ltr">Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada da direita</p>

Resultado

Esta palavra arábica ARABIC_PLACEHOLDER é automaticamente voltada da direita

Especificações

Compatibilidade com Navegadores

Veja Também:

• Related HTML element: <bdo>
• Related HTML properties: direction, unicode-bidi