<bdi> Redirection 1

Ajouté dans HTML5

Résumé

L'élément HTML <bdi> (ou élément d'isolation de texte bi-directionnel) isole une portée (span) de texte pouvant être formaté dans une direction différente de celle du texte qui l'entoure.

Cet élément est utile quand on intègre du texte dont on ignore la directivité (provenant d'une base de données par exemple), au sein d'un autre texte dont la direction est connue.

Bien que le même effet de rendu puisse être créé avec la règle CSS unicode-bidi: isolate sur un élément <span> ou toute méthode de formatage du texte, la sémantique est ici portée uniquement par l'élément <bdi> . En particulier, les navigateurs peuvent ignorer la mise en forme induite par la feuille CSS. Dans ce cas, le texte serait bien affiché en utilisant l'élément HTML mais deviendrait inutilisable en utilisant le CSS pour apporter cette information.

Attributs

Comme tous les éléments HTML, cet élément dispose des attributs globaux. Cependant il a une sémantique légèrement différente, en effet l'attribut dir n'est pas hérité. S'il n'est pas renseigné, sa valeur par défaut sera auto et le navigateur décidera de la direction à appliquer selon le contenu de l'élément.

Exemple

<p dir="ltr">Ce mot arabe <bdi>ARABIC_PLACEHOLDER</bdi> est automatiquement affiché de droite à gauche.</p>

Résultat

Ce mot arabe REDLOHECALP_CIBARA est automatiquement affiché de droite à gauche.

Spécifications

Spécification Statut Commentaire
WHATWG HTML Living Standard Living Standard  
HTML5 Candidate Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 16 10.0 (10.0) Pas de support Pas de support Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support 10.0 (10.0) Pas de support Pas de support Pas de support

Voir également

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : tregagnon
 Dernière mise à jour par : tregagnon,