HTML тег <bdi>
Поддержка браузерами
Описание
HTML тег <bdi> изолирует фрагмент текста, который может быть отформатирован в другом направлении, то есть позволяет браузерам корректно обрабатывать двунаправленный текст.
Примечание: этот элемент является полезным при внедрении пользователем текстового содержимого с неизвестной направленностью или при отображении языков, имеющих написание справа налево - такие как арабский, иврит, персидский и тд., но с примешанными фразами или словами на английском или каком-либо другом языке с написанием слева направо.
С элементом <bdi> можно использовать глобальный атрибут dir, позволяющий задать базовое направление для текста.
Атрибуты
Тег <bdi> поддерживает Глобальные атрибуты и События
Пример
<!DOCTYPE html>
<html>
<body>
<p>
Если элемент <bdi> не поддерживается браузером, то в приведенном примере имя участника,
написанное на арабском языке, будет воспринято некорректно (алгоритм поставит двоеточие
и номер "90" рядом со словом "участник", а не к слову "баллы").
</p>
<ul>
<li>Участник <bdi>Александр</bdi>: 60 баллов</li>
<li>Участник <bdi>Jhon</bdi>: 80 баллов</li>
<li>Участник <bdi>إيان</bdi>: 90 баллов</li>
</ul>
</body>
</html>
Результат данного примера в окне браузера:
