HTML balise <bdi>

Définition et utilisation balise bdi

LES BALISES HTML

BDI est synonyme d'isolement bi-directionnel.

La balise <bdi> isole une partie du texte qui peut être mis dans une direction différente du reste du texte. L'élément <bdi> représente une plage de texte qui est isolé de son environnement aux fins de la mise en forme du texte bidirectionnel

Cet élément est utile lors de l'incorporation d'un contenu avec une direction inconnue.

Un élément bdi doit avoir à la fois une balise de début <bdi> et une balise de fin </bdi>.

La balise <bdi> est une balise de type en inline.

Exemple Isoler les noms d'utilisateur des paramètres l'orientation du texte environnant :

Exemple : Copier le code

	<!DOCTYPE html>
	 <html lang="fr">
	 <head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
	 <title>html5 demo</title>
	</head>
	 <body>
	 <p>
	 Dans l'exemple ci-dessous, les noms d'utilisateur sont affichés avec le nombre de
	points dans un concours. </p>
	 <p>
	 Si l'élément bdi n'est pas supporté par le navigateur, le nom de l'utilisateur arabe
	va confondre le texte
	 (l'algorithme bidirectionnel mettrait le deux points ":" et le nombre "90" à côté du
	mot "Utilisateur" plutôt qu'à côté du mot "points")
	 </p>
	<ul>
	  <li>Utilisateur  <bdi> Achref</bdi>: 60 points</li>
	  <li>Utilisateur  <bdi> joe</bdi>: 80 points</li>
	  <li>Utilisateur  <bdi> %J'F</bdi>: 90 points</li>
	 </ul>
	<p><b>Note:</b> Jusqu'à ce jours la balise &lt;bdi&gt;
	n'est supportée que dans Firefox et Chrome.</p>
	</body>
	 </html>