HTML5 bdi : La balise <bdi> permet d’isoler du texte dont la direction différente. Autrement, impliquer des modifications sur la disposition du texte.
La gestion de la direction du texte se fait avec la balise <bdo>. Donc, Le rôle de la balise <bdo> est de spécifier le sens d'affichage du texte encapsulé à l'aide de l'attribut 'dir' qui spécifie la direction de l'affichage du texte contenu dans le tag bdo ("left to right" : ltr ou bien "right to left" : rtl).
L’emploi de la balise <bdi> est recommandé lorsque la direction du texte à afficher n'est pas connue.
La gestion de la direction du texte se fait avec la balise <bdo>. Donc, Le rôle de la balise <bdo> est de spécifier le sens d'affichage du texte encapsulé à l'aide de l'attribut 'dir' qui spécifie la direction de l'affichage du texte contenu dans le tag bdo ("left to right" : ltr ou bien "right to left" : rtl).
L’emploi de la balise <bdi> est recommandé lorsque la direction du texte à afficher n'est pas connue.
Support: |
Exemple d'utilisation:
// text initial
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale gagne 20 coups de monde!
</span>
// text avec la balise bdo
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale
<bdo dir="rtl">gagne</bdo> 20 coups de monde!
</span>
// text avec la balise bdi et bdo
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale
<bdi>
<bdo dir="rtl">gagne</bdo>
</bdi> 20 coups de monde!
</span>
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale gagne 20 coups de monde!
</span>
// text avec la balise bdo
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale
<bdo dir="rtl">gagne</bdo> 20 coups de monde!
</span>
// text avec la balise bdi et bdo
<span style="padding:3px; border:solid 1px;">
Notre équipe nationale
<bdi>
<bdo dir="rtl">gagne</bdo>
</bdi> 20 coups de monde!
</span>
0 commentaires: