Атрибут dir тега <bdi>
Описание
Атрибут dir для тега <bdi> позволяет явно задать направление текста (left-to-right или right-to-left) для изолированного текстового содержимого. Этот атрибут особенно полезен для многоязычного контента.
Синтаксис:
<bdi dir="ltr">Текст слева направо</bdi>
<bdi dir="rtl">نص من اليمين إلى اليسار</bdi>
Значения атрибута:
| Значение | Описание |
|---|---|
ltr |
Слева направо (left-to-right) |
rtl |
Справа налево (right-to-left) |
auto |
Автоматическое определение (по умолчанию) |
Практический пример:
<p>
Пользователь <bdi dir="auto">إيان</bdi> оставил комментарий:
<bdi dir="ltr">Hello!</bdi>
</p>
Особенности работы:
- Переопределяет наследованное направление текста
- Автоматическое определение (
auto) анализирует первый сильный символ - Не влияет на порядок элементов в DOM
- Поддерживается всеми современными браузерами
Совет: Используйте dir="auto" для пользовательского контента, где направление текста неизвестно заранее.
Поддержка браузерами:
- Chrome: полная поддержка
- Firefox: полная поддержка
- Safari: полная поддержка
- Edge: полная поддержка
- Internet Explorer: не поддерживается
Примечание: Тег <bdi> особенно полезен для социальных сетей, комментариев и систем, где пользователи могут вводить текст на разных языках.