¿Cómo aislar una parte del texto que puede formatearse en una dirección diferente usando HTML5?

La tarea es aprender a aislar una parte del texto que puede formatearse en una dirección diferente usando HTML5.

Enfoque: Como sabemos, bdi significa Aislamiento bidireccional. Básicamente. Se utiliza para diferenciar un texto de otro texto que puede estar formateado en una dirección diferente. La tarea se puede realizar utilizando la etiqueta <bdi> en el documento.  

Sintaxis:

<bdi> Contents... </bdi>

Código de ejemplo: El siguiente ejemplo ilustra la etiqueta bdi

HTML

<!DOCTYPE html>
<html>
  
<body>
    <!--This is heading Tag -->
    <h1>GeeksforGeeks</h1>
    <!--bdi Tag used in unordered list -->
    <ul>
        <h3>bdi Content</h3>
        <li>
            <bdi class="name">Himanshu Jha</bdi>: indian name
        </li>
        <li>
            <bdi class="name">الرجل القوي إيان</bdi>: arabic name
        </li>
        <li><bdi>Manas Chhabra</bdi>
        </li>
        <li><bdi>GeeksForGeeks</bdi></li>
    </ul>
</body>
  
</html>

Producción 

Navegadores compatibles: Google ChromeFirefoxOperaSafar

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *