Si no sabías que existe una etiqueta llamada BDO en HTML, no te preocupes.
Muy poca gente de este planeta sabe que existe. Es broma.
En este artículo, vamos a explorar qué es la etiqueta BDO en HTML y para qué sirve.
Este contenido forma parte del diccionario HTML de DropCoding, donde encontrarás cada una de las etiquetas de este lenguaje para que puedas consultar cuando quieras.
Y, como verás, están en un formato muy fácil y corto.
¡Vamos con la lección!
¿Qué es la etiqueta BDO?
Las siglas BDO significan «Bidirectional Override«, que en español se traduce como «Sobrescritura Bidireccional«.
Esta etiqueta de HTML se utiliza para anular la dirección de lectura predeterminada del texto.
De esta forma, podemos controlar si el texto se lee de izquierda a derecha o de derecha a izquierda, independientemente del contenido o del idioma que estemos utilizando.
Ejemplo de uso de la etiqueta BDO
Para ilustrar cómo se utiliza, vamos a ver un ejemplo sencillo.
Imagina que tienes un párrafo con la frase: «Es curioso que la palabra ‘reconocer’ se lea igual al revés».
Si utilizas la etiqueta BDO en la palabra «reconocer» y le asignas el atributo «dir» con el valor «rtl», el texto se leerá de derecha a izquierda.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplo Etiqueta BDO</title>
</head>
<body>
<p>Es curioso que la palabra <bdo dir="rtl">reconocer</bdo> se lea igual al revés.</p>
</body>
</html>
En este caso, como la palabra «reconocer» se escribe de igual forma en ambas direcciones, no notarás la diferencia.
Pero si usas cualquier otra palabra, se leerá al revés.
Esto es útil, por ejemplo, si necesitas añadir texto en otros idiomas que se escriben de derecha a izquierda, como el árabe o el hebreo.
Diferencia entre BDO y BDI en HTML
Si has oído hablar de la etiqueta BDI, te habrás dado cuenta de que estas dos etiquetas son muy similares y pueden llegar a confundirse.
Entonces, ¿cuál es la diferencia entre BDO y BDI?
La etiqueta BDO se utiliza para anular la dirección de lectura predeterminada. Si la usas en un texto normal, el fragmento que hayas seleccionado con esta etiqueta se leerá al revés.
Por otro lado, la etiqueta BDI aísla un fragmento del contenido para que no le afecte la dirección del texto estándar.
Si, por ejemplo, tienes un usuario en tu aplicación que tiene un nombre en árabe o hebreo, podrías usar estas etiquetas para que se muestre correctamente su nombre.
Espero que este artículo te haya sido útil. Si tienes cualquier duda o sugerencia, ¡no dudes en dejarla en los comentarios! ¡Hasta el próximo artículo! Adiós.