<bdi>

This translation is incomplete. Please help translate this article from English.

Sumari

El element 'HTML <BDI> (o Element d'aïllament bidireccional ) Aïlla un fragment de text que podrie ser formatat en una direcció diferent d'un altre text fora d'aquest.

Aquest element és útil quan s'incrusta text amb una direccionalidad desconeguda, d'una base de dades per exemple, en un text amb una direccionalidad fixa.

Tot i que el mateix efecte visual es pot aconseguir utilitzant la regla CSS unicode-bidi: aïllar en un <span> o un altre element de formatat de text, el significat semàntic és només transmès per l'element <bdi>. Especialment, els navegadors se'ls permet fer cas omís d'estil CSS. En aquest cas, el text encara es mostra correctament usant l'element HTML, però arribarà a ser escombraries quan s'utilitza l'estil CSS per transmetre semàntica.

Categories de contingut Contingut de Flux, phrasing content, contingut palpable.
Contingut permès Phrasing content.
Omissió de l'etiqueta Cap, tant l'etiqueta inicial com l’etiqueta final són obligatòries
Elements pares permesos Qualsevol element que accepti phrasing content.
Interfície DOM HTMLElement

Atributs

Igual que tots els altres elements HTML, aquest element té els atributs global, amb una lleugera diferència semàntica: l'atribut dir no s'hereta. Si no s'estableix el seu valor, per defecte és el d'auto, deixar el navegador decidir la direcció basat en el contingut de l'element.

Exemple

<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>

Resultat

Aquesta paraula àrab REDLOHECALP_CIBARA es visualitza automàticament de dreta a esquerra.

Especificacions

Especificació Estat Comentari
WHATWG HTML Living Standard
The definition of '<bdi>' in that specification.
Living Standard  
HTML5
The definition of '<bdi>' in that specification.
Recommendation  

Producte Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suport bàsic 16 10.0 (10.0) No support No support No support
Producte Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport bàsic No support 10.0 (10.0) No support No support No support

Veure

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,