Exemplo
Isolar os nomes de usuário das configurações de texto de direção circundantes:
<ul>
<li>User <bdi>hrefs</bdi> : 60 points</li>
<li>User <bdi>jdoe</bdi> : 80 points</li>
<li>User <bdi>إيان</bdi> : 90 points</li>
</ul>
Tente você mesmo " Definição e Uso
BDI representa Isolamento Bi-direcional.
O <bdi> tag isola uma parte do texto que pode ser formatado em uma direção diferente de outro texto fora dela.
Este elemento é útil quando incorporação de conteúdo gerado pelo usuário com uma direcionalidade desconhecido.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <bdi> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
O <bdi> tag é novo em HTML5.
Atributos globais
O <bdi> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <bdi> tag também suporta o evento Atributos em HTML .