Tag HTML <bdi>
Tag Bdi é o tema do post de hoje. Para fins educacionais, acredito que isso seja suficiente.
Tag Bdi permite que os usuários isolem nomes de usuários de opções de direção de texto adjacentes:
Nomes de usuários e pontos são mostrados no exemplo abaixo. Como resultado, se o navegador não suportar o elemento bdi, o nome de usuário do usuário árabe causaria confusão (o algoritmo bidirecional colocaria os dois pontos e o número “60” ao lado da palavra “Usuário” em vez da palavra “Pontos” ).
Example:
Aqui está um exemplo detalhado da tag <bdi> :
Example:
Usos e Definição
BDI significa Isolamento bidirecional.
A Tag Bdi < bdi > separa uma parte do texto que poderia renderizar separadamente do resto.
Esse elemento é útil se uma direção de texto desconhecida estiver incorporada ao conteúdo gerado pelo usuário.
Atributos Globais
Há funcionalidade adicional para os Atributos Globais do HTML na tag <bdi>.
Atributos do Evento
Da mesma forma, a tag HTML5 <bdi> é compatível com os atributos de evento .
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <bdi> | 16,0 | 79,0 | 10,0 | Não suportado | 15,0 |
Importância da tag HTML <bdi>
A importância da tag <bdi> reside em sua capacidade de garantir que o texto que ela contém seja exibido corretamente e sem interrupções, independentemente do texto ao redor. Isso é especialmente importante ao lidar com idiomas bidirecionais, como árabe ou hebraico, em que a direção da escrita muda com base na direção do texto.
Ao isolar uma parte do texto com a tag <bdi> , o navegador pode manipular adequadamente a exibição e a formatação do texto, mesmo se o texto estiver em um idioma ou direção diferente do texto ao redor. Isso permite que os desenvolvedores da Web criem páginas da Web mais acessíveis e fáceis de usar para um público mais amplo.
