Les balises légendaires

`var`

La balise <var> représente une variable dans une expression mathématique ou un texte lié à la programmation.

index.html

<p>Le théorème de Pythagore spécifie que : <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var></p>

Le théorème de Pythagore spécifie que : a² + b² = c²

`bdi`

source ↗

La balise <bdi> permet d’isoler une portée de texte pouvant être formatée dans une direction différente de celle du texte qui l’entoure. Par exemple, si une application a une visée internationale, on peut s’attendre à ce que les noms des utilisateurs puissent être en RTL. Dans ce cas on peut entourer tous les noms d’utilisateurs par une balise <bdi> pour informer le navigateur de cette possibilité.

index.html

<ul>
   <li><bdi>Evil Steven</bdi>: 1st place</li>
   <li><bdi>François fatale</bdi>: 2nd place</li>
   <li><bdi>الرجل القوي إيان</bdi>: 3rd place</li>
</ul>

Evil Steven: 1st place
François fatale: 2nd place
الرجل القوي إيان: 3rd place

`bdo`

source ↗

La balise <bdo> permet d’outrepasser la direction du texte pour la changer à la volée.

index.html

<p>Ce texte se lit de gauche à droite.</p>
<p><bdo dir="rtl">Ce texte se lit de droite à gauche.</bdo></p>

Ce texte se lit de gauche à droite.

Ce texte se lit de droite à gauche.