bdi - Český HTML 5 manuál

Tag <bdi> (jako Bi-Directional Isolation) označuje text, který může být psán jiným směrem textu, než text okolní. V našich končinách tag asi příliš nepoužijeme. Použití si můžeme představit např. v seznamu se jmény uživatelů, kde mají někteří uživatelé arabské jméno. To by za normálních okolností prohlížeč vyhodnotil jako text psaný zprava doleva a rozbil by okolní text. Proto jméno vložíme do elementu <bdi>.

Ukázka použití

Udělejme si jednoduchou ukázku:

<h2>Výsledek znalostního testu uživatelů</h2>

<ul>
    <li>Uživatel <bdi>Suresh</bdi>: 15 bodů</li>
    <li>Uživatel <bdi>Daniel</bdi>: 11 bodů</li>
    <li>Uživatel <bdi>(zde by bylo vloženo arabské jméno)</bdi>: 10 bodů</li>
</ul>

Bez použití <bdi> by výstup vypadal takto:

A s <bdi> :