Il tag bdi in HTML

Il tag bdi in HTML

Il tag <bdi> viene inserito nel codice HTML per indicare al browser che le parole contenute al suo interno potrebbero essere lette sia da sinistra verso destra, come l’italiano, oppure da destra verso sinistra, come altre lingue.

Il termine BDI è un’abbreviazione delle parole inglesi Bi-Directional Isolation, indicando proprio che le parole contenute in questo elemento sono diverse dalle altre che le sono vicine e che possono essere scritte e lette in lingue diverse. Questo elemento viene usato specialmente quando in un paragrafo o elenco viene incorporato contenuto generato dall’utente come il nome dato nei giochi o in altri tipi di forum e app.

Come altri elementi anche bdi viene inserito nei file HTML con un codice di apertura e uno di chiusura come mostrato sotto.

<ul>
 <li>Utente <bdi>inserire nome</bdi>: Online</li>
 <li>Utente <bdi>inserire nome</bdi>: Offline</li>
 <li>Utente <bdi>inserire nome</bdi>: Offline</li>