Elemento HTML: bdi

0
Tutoriais
15/06/2023
A+ A-
Email Print

O HTML O elemento é usado para isolar o texto que pode ser formatado em uma direção diferente de outro texto no mesmo bloco.

A abreviação “bdi” significa “isolamento bidirecional”.

O O elemento foi introduzido no HTML5 e é uma ferramenta útil para garantir que o texto seja exibido corretamente. É particularmente útil ao lidar com scripts mistos em idiomas bidirecionais, como árabe ou hebraico, onde o texto é escrito da direita para a esquerda e os números da esquerda para a direita.

Sintaxe

A sintaxe para o elemento é direto:

Essa sintaxe cria um elemento embutido que pode ser usado para isolar texto bidirecional.

Exemplo

Aqui está um exemplo de como o elemento pode ser usado em um documento HTML. Este é um conteúdo em inglês, exibido da esquerda para a direita (LTR), mas contém algum script árabe que é lido da direita para a esquerda (RTL). Às vezes, isso pode confundir os navegadores.

Observe como, quando não é utilizado, devido à presença de caracteres com “direcionalidade neutra ou fraca” (números, neste caso) o navegador não interpreta corretamente o conteúdo combinado em árabe e inglês:

1
 
    

2
 
  
  • ابراهيم: 3 days
    • 

    3
    		 
      
  • Barry: 10 days
    • 

    4

    Atributos

    O elemento não tem nenhum atributo.

    Contente

    O elemento pode conter qualquer texto ou elementos HTML.

    • O (Bidirectional Text Override) element can be used to isolate text in a similar way to the elemento, com a exceção de que ele força seu conteúdo a ser exibido na direção oposta ao fluxo do conteúdo circundante.

    Você sabia?

    • O O elemento também pode ser usado para isolar texto formatado de maneira diferente, como texto exibido em uma fonte ou tamanho diferente.
    • O elemento pode ser combinado com o CSS direction propriedade para controlar a direção do texto dentro do elemento.

    Saber mais

    Posted by

    Tagged with
    Newer Post
    Older Post

    Deixe uma resposta