Etiqueta HTML <bdo>
La etiqueta HTML <bdo> ("anulación bidireccional") establece la dirección de salida del texto de derecha a izquierda. Se utiliza principalmente con idiomas donde la lectura se realiza de derecha a izquierda (por ejemplo, árabe).
El atributo dir es obligatorio para la etiqueta <bdo>. Define la dirección del texto y puede tener uno de dos valores: ltr o rtl.
No debes usar palabras y frases en RTL (de derecha a izquierda) sin marcado, ya que esto puede causar problemas de visualización. Para aislar el texto bidireccional y evitar estos problemas, utiliza el elemento <bdi>.
HTML5 admite explícitamente los atributos de evento en todos los elementos, incluida la etiqueta <bdo>.
Sintaxis
La etiqueta <bdo> se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<bdo>) y cierre (</bdo>).
Ejemplo de texto HTML <bdo>:
Etiqueta HTML <bdo>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Text from left to right </p>
<p>
<bdo dir="rtl">And this one, from right to left</bdo>.
</p>
</body>
</html>Resultado
Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| dir | ltr | rtl | Define la dirección del texto de izquierda a derecha o de derecha a izquierda. |
La etiqueta <bdo> también admite Atributos Globales y Atributos de Evento.
Cómo dar estilo a la etiqueta HTML <bdo>
Puedes aplicar propiedades CSS estándar al elemento <bdo>. Por ejemplo:
bdo {
color: #333;
font-weight: bold;
background-color: #f0f0f0;
}Práctica
¿Cuál es el propósito de la etiqueta HTML <bdo>?