logo oujood
🔍

  HTML balise <bdi>  

OUJOOD.COM

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>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La balise <bdi> est actuellement prise en charge uniquement dans Firefox et Chrome.

Différences entre HTML 4.01 et HTML5

La balise <bdi> est nouveau en HTML5.

Attributs globaux

La balise <source> prend également en charge les HTML attributs globaux.

Attributs d'événement

La balise <source> prend également en charge les Attributs de l'événement au format HTML.

Retour à l'accueil du site

Par carabde 10 mars 2014