Etiqueta bdi HTML5: Separar y respetar la dirección del texto

Toca conocer la etiqueta bdi HTML5, esta nueva etiqueta separa el texto que contiene sobre el resto del párrafo.

Tal y como el nombre indica bdi (Bi-Direccional Isolation) aisla el texto que suele tener una dirección u orientación diferente al resto. Se suele usar en idiomas en los que el texto se lee de izquierda a derecha.

Otras etiquetas con fucniones similares son:

Sintaxis de la etiqueta bdi HTML5

Vamos a ver la sintaxis extraída de su documentación oficial:

<bdi>إيان</bdi>

En la sintaxis superior del elemento HTML5 podéis apreciar que solamente se necesita el tag de apertura y cierre para contener el texto que queremos aislar.

De esta manera se respera la dirección del texto escrito.

compartir
Publicado por
Aner Barrena