Etiqueta HTML <bdi>

Definición y uso

BDI Se refiere a la aislación bidireccional (Aislamiento Bi-Dirigido)

<bdi> La etiqueta aisla una parte del texto, que puede tener una dirección diferente a la del texto externo.

Es muy útil este elemento cuando se inserta contenido generado por el usuario con una dirección de texto desconocida.

Ejemplo

Aislar el nombre de usuario de la configuración de dirección del texto circundante:

<ul>
  <li>Usuario <bdi>Bill</bdi>: 70 puntos</li>
  <li>Usuario <bdi>Steve</bdi>: 80 puntos</li>
  <li>Usuario <bdi>إيان</bdi>: 90 puntos</li>
</ul>

Prueba por ti mismo

Atributos globales

<bdi> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<bdi> La etiqueta también admite Atributos de eventos en HTML.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 No soportado 15.0