Tag HTML <bdo>

Nesse post vamos falar sobre Tag Bdo . Com a esperança de que isso os ajudasse a aprender.

A tag HTML <bdo> significa “Substituição bidirecional” e é usada para substituir a direção padrão do texto em documentos HTML. Essa marca é frequentemente usada para idiomas escritos da direita para a esquerda, como árabe ou hebraico, para garantir a exibição adequada do texto.

A tag <bdo> possui dois atributos: dir e lang . O atributo dir especifica a direção do texto, seja “rtl” (da direita para a esquerda) ou “ltr” (da esquerda para a direita), enquanto o atributo lang especifica o idioma do texto.

O exemplo dado ilustra o funcionamento da tag <bdo> :

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<bdo dir="rtl">
This text will go right-to-left.
</bdo>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Aqui está outro exemplo da tag <bdo> :

Example: 

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<body>
<p>This text will be displayed left-to-right: <bdo dir="ltr">Hello, World!</bdo></p>
<p>This text will be displayed right-to-left: <bdo dir="rtl">Hello, World!</bdo></p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Usos e Definição

BDO significa Bi-Directional Override Tag Bdo .

Ao usar a tag <bdo> , você pode substituir a direção padrão do texto.


Atributos

Atributo Valor Visão geral
dir ltr
rtl
Uma obrigação. Uma diretiva para definir a direção do texto no elemento <bdo>

Atributos Globais

A Tag HTML <bdo> também funciona com os Atributos Globais .


Atributos do Evento

Os atributos de evento do HTML também podem ser usados ​​com a tag <bdo> .


Compatibilidade do navegador

Elemento
<bdo> Sim Sim Sim Sim Sim

Configurações de CSS por padrão

Por padrão, muitos navegadores da Web mostrarão o seguinte para o elemento <bdo> :

bdo {
unicode-bidi: bidi-override;
}

Vantagens da tag HTML <bdo>

A tag HTML <bdo> tem várias vantagens, incluindo:

  1. A tag <bdo> permite que os desenvolvedores da Web exibam idiomas da direita para a esquerda, como árabe e hebraico, na direção correta. Sem a tag <bdo>, esses idiomas podem ser exibidos incorretamente ou com texto interrompido, dificultando a leitura e a compreensão da página da Web.
  2. A tag <bdo> pode melhorar a acessibilidade de páginas da Web para usuários que falam idiomas escritos da direita para a esquerda ou que leem em uma direção diferente da padrão. Ao usar a tag <bdo> , os desenvolvedores da Web podem garantir que suas páginas da Web sejam legíveis e compreensíveis para uma ampla gama de usuários.
  3. A tag <bdo> pode ser usada em combinação com outras tags, como a tag <bdi>, para criar páginas da Web que suportam vários idiomas e direções de escrita. Isso pode ser especialmente útil para sites que atendem a um público global ou têm usuários que falam idiomas diferentes.
  4. A tag <bdo> é fácil de usar e implementar, exigindo apenas o atributo dir para especificar a direção do texto. Isso o torna uma solução simples e eficaz para exibir idiomas da direita para a esquerda em páginas da web.

Assine nosso boletim informativo abaixo para ficar conectado com as informações técnicas mais recentes neste site.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone