English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Complexe de balises HTML

Balise HTML: <bdi>

L'élément HTML <bdi> (élément d'isolement bidirectionnel) isole le texte externe qui pourrait être formaté dans une direction différente. Il est très utile lorsque l'on ne sait pas dans quelle direction le texte a été intégré, par exemple, du texte provenant d'une base de données (qui a une orientation de texte).

Exemple en ligne

Isoler le nom d'utilisateur du texte environnant dans les réglages de l'orientation des textes :

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial(oldtoolbag.com)/title> 
</head>
<body><ul>
   <li><bdi class="name">Evil Steven</bdi>: 1st place</li>
   <li><bdi class="name">François fatale</bdi>: 2nd place</li>
</ul>
</body>
</html>
Voyons si ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Définition et instructions d'utilisation des balises

bdi signifie bidi isolation (Bi-Isolation directionnelle).

Le balise <bdi> vous permet de définir un segment de texte pour qu'il s'affiche indépendamment de la direction du texte de son élément parent.

Il est utile pour publier des commentaires d'utilisateurs ou d'autres contenus que vous ne contrôlez pas complètement.

HTML 4.01 et HTML5différences entre

Le balise <bdi> est un HTML5 des nouvelles balises.

Attributs globaux

Le balise <bdi> est prise en charge Attributs globaux HTML.

Attributs événementiels

Le balise <bdi> est prise en charge Attributs événementiels HTML.