HTML тег <bdi>
Значение и применение
В HTML 5 тег <bdi> изолирует фрагмент текста, который должен отображаться в другом направлении
письма и позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при
отображении текста с разной направленностью письма.
Используйте <bdi> для заранее неизвестного текста, например имени посетителя рядом с числом комментариев. По умолчанию направление определяется по содержимому (dir="auto"), а изоляция не даёт имени переставить соседние числа и знаки. Для принудительного переопределения порядка символов существует отдельный элемент <bdo>.
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2020 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
bdi | 16 | 79 | 10 | 15 | 6 | 18 | 10 | 14 | 6 | 1.0 | 4.4 | 6 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Примеры, попробуйте сами
Изоляция направления
Удалите bdi вокруг имени на арабском и сравните положение соседних знаков.
index.html
<ul>
<li>Автор: <bdi>Анна</bdi> — 12 сообщений</li>
<li>Автор: <bdi>علي</bdi> — 5 сообщений</li>
</ul>
Тони готовит пример…Поддержка глобальных атрибутов
Элемент поддерживает "глобальные атрибуты".
Атрибуты событий
Элемент поддерживает "атрибуты событий".