La balise HTML <bdi> (Bi-Directional Isolation) est utilisée pour isoler une partie du texte qui est formatée dans une direction différente de celle du texte environnant. Cela est souvent utile lorsque vous avez des portions de texte avec une direction d'écriture différente (comme l'arabe, l'hébreu, etc.) au sein d'un texte global qui a une direction différente (comme l'anglais, le français, etc.).

La balise <bdi> permet de créer une portée où le texte qu'elle englobe est formaté et affiché dans sa propre direction d'écriture, indépendamment de la direction du texte environnant. Cela aide à éviter des problèmes d'affichage et de mise en forme incorrecte du texte.

Exemple

Voici un exemple simple d'utilisation de la balise <bdi> :

Explication du code:

1. La balise <bdi>: englobe le texte en arabe qui sera formaté et affiché de droite à gauche, indépendamment de la direction de l'ensemble du paragraphe qui est de gauche à droite.
2. NB la balise <bdi> : est utile principalement dans des contextes où il y a des mélanges de langues ou de directions d'écriture différentes dans un même document ou une même page web.

Younes Derfoufi
CRMEF OUJDA