Тег <bdi> (от англ. bidirectional isolate — двунаправленное изолирование) указывает что текст должен быть изолирован от изменения направления ввода текста. Фактически тег изолирует фрагмент текста, который отформатирован в другом направлении.
Пример
<p>Объявление победителей</p>
<ol>
<li>Золото! <bdi>Иван</bdi> (11.11 seconds)</li>
<li>Серебро! <bdi>Джон</bdi> (12.23 seconds)</li>
<li>Бронза! <bdi>حنيفة</bdi> (12.42 seconds)</li>
</ol>
<ol>
<li>Золото! <bdi>Иван</bdi> (11.11 seconds)</li>
<li>Серебро! <bdi>Джон</bdi> (12.23 seconds)</li>
<li>Бронза! <bdi>حنيفة</bdi> (12.42 seconds)</li>
</ol>
Результат
Объявление победителей
- Золото! Иван (11.11 seconds)
- Серебро! Джон (12.23 seconds)
- Бронза! حنيفة (12.42 seconds)
